防止多次调用onPress

Question

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

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

有时一次单击一次onPress就会被调用多次，并且添加了多个项。我想防止这种情况。 当然，我可以创建一个布尔值并检查它是否正确，但这不是很优雅的方法。有更好的方法来防止它吗？

Answer 1

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