在Redux上使用Immutablejs（toJS和fromJS）的正确方法

Question

我想知道这是否是将immutable.js与redux一起使用并reselect （也是redux-saga ）的正确方法。 具体来说，我想知道toJS()和fromJS()以及在哪里使用它们。 我的想法是：

1. 我将toJS()发送数据到传奇时使用。
2. 我不在 reducer中使用 fromJS() ，因为我认为这是由于我对fromJS()使用fromJS()的事实而完成的。 还是我错了？
3. 我在reselect选择的选择器中使用toJS() ，因此可以在react组件中使用js数据。

例：

1）在我的React组件中，我做了：

// mapDispatchToProps
   function mapDispatchToProps(dispatch) {
      return {
         loginRequest: values => dispatch(loginRequest(values)),
      };
   }

// Sending values.toJS() to my redux-saga. 
   submit = values => {
      this.props.loginRequest(values.toJS());
   };

2）在reducer中我可以做（ 应该在这里不使用fromJS()吗？根据redux docs的说明）：

const { fromJS } = require('immutable');
const state = fromJS({
  pages: {
    usersPage: {
      loading: false,
      isFetched: false,
      list: [],
    }
  }
});
function reducer(state, action) {
  switch(action.type) {
    case 'USERS_LOADED':
      return state
        .setIn(['usersPage', 'list'], action.payload) // fromJS() here or not?
        .setIn(['usersPage', 'isFetched'], true)
        .setIn(['usersPage', 'loading'], false)
        ;
    default:
      return state;
  }
}
export default reducer;

3）在我的选择器中，我再次执行toJS() ：

const selectUser = state => state.get('user', initialState);
const makeSelectList= () =>
   createSelector(selectUser, userState => userState.getIn(['usersPage', 
'list']).toJS());

// Which I then use in my react component:
const mapStateToProps = createStructuredSelector({
   list: makeSelectList(),
});

所以基本上我想知道这是否是js和不可变之间的正确转换流程。 还是可以某种方式对其进行优化（转换步骤更少）？ 也许以上是一种非最佳的逻辑方式？

最好的祝福

Answer 1

1. 传奇-Redux中间件-可以直接处理不可变类型，无需在此处使用昂贵的toJS调用

2. 您要转换的任何点（例如set ， setIn ， update等）都将普通的JS非简单类型转换为Immutable redux状态树，请使用fromJS来确保完全不可变的类型使整个状态树不可变

3. 恕我直言，选择器（例如reselect ）（通过在初始检索后提供便笺）可以成为使用昂贵的toJS调用的最理想场所，如示例3中所示。 我想这真的取决于多少一个在他们的“容器/智能”组件使用不可改变的检索方法不喜欢，和/或创建一大堆选择的从Redux的状态树检索简单的JS类型使用一成不变的无处不在

对我而言，存在一个问题，即在“容器/智能”组件调度中在哪里实际使用fromJS调用，例如动作创建者，或者在化fromJS器中，例如react-boilerplate在化fromJS中使用fromJS调用。