如何将异步数据传递给调度动作，以便我可以在动作创建者中使用它？

Question

Redux 是 harrrrd... 至少对我来说，它是！！！有人可以向我解释如何通过 mapDispatchToProps 将获取的 json[0] 传递给我的动作创建者吗？我做得对吗？我正在使用 redux-thunk，这是正确的使用方式吗？

state = {
    articles: {
      article: []
    }
  };

  qrCodeOnReadHandler = ({ data }) => {
    this.props.onQRRead();
    console.log(this.props.art);
    fetch(data)
      .then(response => response.json())
      .then(json => {
        console.log(json),
          // () => this.props.onQRRead(json[0]),
          this.setState({
            ...this.state,
            articles: {
              ...this.state.articles,
              article: json[0]
            }
          });
      });
  };

---

连接redux

const mapStateToProps = state => {
  return {
    art: state.articles.article
  };
};
const mapDispatchToProps = dispatch => {
  return {
    onQRRead: () => dispatch(article())
  };
};

---

动作创建者

export const fetchedArticle = res => {
  return {
    type: ARTICLE,
    res: res
  };
};

export const article = res => {
  return dispatch => {
    dispatch(fetchedArticle(res));
  };

};

Answer 1

如何通过 mapDispatchToProps 将获取的 json[0] 传递给我的 动作创建者

你必须让你的onQRRead 收到这样的参数：

const mapDispatchToProps = dispatch => {
  return {
    onQRRead: payload => dispatch(article(payload))
  };
};

函数参数的名称是任意的。

现在，您可以像刚才那样使用它：

this.props.onQRRead(json[0])