React Native - Redux 不会立即更新答案

【问题标题】：ReactNative - Redux not immediately updateReact Native - Redux 不会立即更新
【发布时间】：2017-12-07 14:53:31
【问题描述】：

我知道 this.setState 是异步的。

但是现在，我使用 Redux 并且在 reducer 中没有 this.setState。我可以为 setState 使用回调，但在 redux 中我不知道将回调放在哪里以及如何放置。在行动？（否）在减速机中？在组件？在容器中？有货？（没有）。

我是 redux 和 reactnative 的新手，所以希望你能理解我的问题。

我的数据正在更新，但晚了一步。

示例：

点击：'a'，状态 = ''

点击：'ab, state = 'a'

点击：'abc'，状态 = 'ab'

在组件中，我这样调用函数：

let { myFunction1, myFunction2 } = this.props;
myFunction1();

所以设置状态有效，但我需要晚点处理。

【问题讨论】：

标签： android react-native redux components

【解决方案1】：

您应该使用setState 来存储价值onChange，一旦用户完成输入，您就可以调用您的reducer 函数来将价值保存到您的商店。它将减少对 reducer 函数的调用次数。

例子：

<TextInput
    underlineColorAndroid='transparent'
    onSubmitEditing={() => this.onNextPress()}
    onChangeText={(text) => this.onChangeText(text)}
/>

使用 have onChangeText(text) 来处理您的 setState 并且一旦提交（或您的事件触发），使用另一个函数来处理 reducer 调用。在我的例子中是onNextPress()

【讨论】：