調用組件內部的操作React，Redux

Question

我幾次讀過這篇文章（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 
     }) 
     }) 
    } 

所以我的問題是：如何使用我的組件裏面我的行爲？

Answer 1

與其他任何事情一樣，您必須通過道具將動作創建者傳遞給組件。您可以通過使用react-redux庫和mapDispatchToProps函數來完成此操作。

您需要首先將您的動作創建者綁定到另一個調用動作創建者調度的函數中。

我強烈推薦閱讀以下的redux文檔，因爲它很好地解釋了它，並且還提供了示例。

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