reactjs - Redux アプリでの並べ替えはどこで処理する必要がありますか?

Question

アクション/リデューサー/コンポーネントがあります。コンポーネントの 1 つ (コンポーネント ダンプ) に Select があります。ストアのフィルターの種類に関する情報を取得します。アクションまたはリデューサーでどこで処理できますか?

Answer 1

Redux ストアを使用して React コンポーネントを @connect するときに、データを並べ替えることができます。

function mapStateToProps(state) {
   var items = state.items.slice(0);
   items.sort()
   return {
     items: items
   }
}

@connect(mapStoreToProps)
class MyComponent extends React.Component {
   render() {
      var items = this.props.items;
   }
}

Redux のドキュメントは、Todo の例で同様のケースを示しています: https://redux.js.org/basics/usage-with-react