Reduxでデータを取得する

Question

私はリモートサーバからデータを取得する必要があるreduxアプリケーションにコンポーネントを持っています。

呼び出しを行い、すべてのロジックを処理する適切な場所はどこですか？アクションクリエイター？ componentDidMountのようなライフサイクルメソッドのスマートコンポーネントですか？公式ドキュメントに書かれたよう

Answer 1

：https://facebook.github.io/react/tips/initial-ajax.html

はcomponentDidMount内のデータを取得します。レスポンスが到着したら、データを状態に格納し、UIを更新するためにレンダリングをトリガします。

Answer 2

componentDidMountは、API呼び出しを行うための正しい場所です。データをどのくらい早く希望するかによって、時にはcomponentWillMountにすることもできます。

また、データを取得するアクションの作成に役立つredux-thunkを調べることをおすすめします。

https://github.com/gaearon/redux-thunk

Answer 3

それはあなたの状況に依存します。

// SomeComponent.js 

// ... other methods ... 

constructor(props) { 
    super(props); 

    this.state = { 
    todos: [], 
    }; 
} 

componentDidMount() { 
    // `axios` is ajax library 
    axios.get('/todos') 
    .then(todos => { 
     this.setState({ 
     todos: todos 
     }); 
    }); 
} 

： -

あなたはAPI呼び出しを実行するために、私の意見では、smart/dumbコンポーネントの概念、最高の場所を使用してアプリケーションを構築する場合には、componentDidMountライフサイクルコールバックです