javascript - 如何分派(dispatch)一个 Action 以将数据保存在下一个 js 中

Question

我想做的是在我的设置间隔函数中发送一个 Action ，而不是在获取初始 Prop 并将我的数据保存在商店中以及如何从 react 应用程序中的商店取回该数据这很简单，只需导入 Action 表单 Action 文件并像这样调用想在

this.fetchCryptoData().then(data => {
       var Keys = Object.keys(data.DISPLAY);
        this.setState(
          {
            crypto_head_coins: Keys
          },
          () => {
            //   // this.props.update_array([]); // update_array() is my action i haven't imported it
            let rate_updated = [true, true, true, true]; // i want my store updated_array data here
            for (let i = 0; i < this.state.crypto_head_coins.length; i++) {
             //my code here
            // this.props.store.dispatch(update_rate_array(rate_updated)) //it says cant read property
           // of dispatch of undefined 
            // i want to dispatch my action here not in getinitialprops
                    this.setState({ rate_updated });
                  }
                );
              });

Answer 1

我有时会使用 NextJS，它本质上与 Create-React-App 相同。

我刚刚注意到你的问题不包括'React-Redux'，你需要安装/保存'React-Redux'和'Redux'才能使用连接/调度等。我有一个sample boilerplate on Github .

将其转换为 Action 的另一个缺失部分可能是 redux-thunk，用于处理 promises。(先尝试不使用它。)

这里有更多关于 redux-thunk 的信息。 https://github.com/reduxjs/redux-thunk

您设置了两次状态(一次在另一个回调中)，这将导致多次重新渲染。 (除非实现了 ShouldComponentUpdate)可能要重新考虑这个设计。

实现你的 MapDispatch 到 Props

这样做之后你可以简化调用它的行，就像下面使用 destructing 一样。

// this.props.store.dispatch(update_rate_array(rate_updated)) //it says cant read property

let update_rate_array = {this.props}

update_rate_array(rate_updated)

您应该实现您的 MapDispatchToProps 以消除命名和调用中的一些复杂性。

我已经上传some simple examples to Github , 还有 an identical related CodeSandbox .

要从 State 接收更新的信息，请使用 MapStateToProps。

Example here .