防止多次调用onPress

Question

我有一个底部，通过redux操作添加一个项目。

    onPress={() => {
        this.props.navigation.navigate('Home')
        store.dispatch(add(construct(name)))
    }}

有时，onPress会在一次点击中被调用多次，并且它会添加多个项目。我想阻止这种情况发生。当然，我可以创建一个布尔值并检查它是否为真，但这不是非常优雅的方式。有没有更好的方法来预防它？

Answer 1

正如您所说的，简单的方法是定义一个布尔标志，但另一种解决问题的方法是使用redux-saga。我知道redux-saga是为解决异步操作而设计的，但它也可以在这方面对你有所帮助。从here检查takeLatest。通过此帮助程序，如果您单击多次，它将只运行最新的一个。