reactjs - 组件内部调用操作 | react 、Redux

Question

我已经读过这篇文章 ( https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3 ) 几次，但我仍然不确定如何在组件内调用您的操作。

我已经正确设置了我的操作和 reducer (我希望如此)，所以我现在处于最后一步，即使用您的操作。我知道我首先必须导入我的操作，然后使用 redux 中的 connect 将其连接到商店。

我目前的组件中有这个:

  componentDidMount() {
    this.serverRequest = axios
      .get('http://helloworld/customers')
      .then(res => {
        // Rerender state
        this.setState({
          res,
          dataToDisplay: res.data
        })
      })
  }

所以我的问题是:如何在组件内使用我的操作？

Answer 1

与其他任何事情一样，您必须通过 Prop 将 Action 创建者传递给您的组件。您可以使用react-redux库和mapDispatchToProps函数来做到这一点。

您首先需要“绑定(bind)”您的 Action 创建器，方法是将其包装在另一个在您的 Action 创建器上调用调度的函数中。

我强烈建议阅读以下 redux 文档，因为它解释得相当好，并且还提供了示例。

https://redux.js.org/basics/usage-with-react#implementing-container-components