在组件内部调用操作React,Redux

时间:2017-08-02 15:04:32

标签: reactjs redux

我已经多次阅读过这篇文章(https://medium.com/@stowball/a-dummys-guide-to-redux-and-thunk-in-react-d8904a7005d3),但我仍然不确定如何在一个组件中调用你的动作。

我正确地设置了我的动作和减速器(我希望),所以我现在处于最后一步,即使用你的动作。我知道我首先必须导入我的操作,然后使用redux中的connect将其连接到商店。

我目前在我的组件中有这个:

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

所以我的问题是:如何在我的组件中使用我的动作?

1 个答案:

答案 0 :(得分:4)

除此之外,您还必须通过道具将动作创建者传递给您的组件。您可以使用react-redux库和mapDispatchToProps函数来完成此操作。

您需要首先将其绑定到另一个调用您的动作创建者调度的函数中“绑定”您的动作创建者。

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

http://redux.js.org/docs/basics/UsageWithReact.html#implementing-container-components