javascript - 如何在没有 Immutable 的情况下在 React 中设置 Redux？

Question

我学会了如何使用 Teropa's incredible tutorial 进行 Redux 。然而，他的实现使用了 Immutable，虽然很棒，但我想从当前应用程序的构建中删除它。我试图弄清楚如何在不依赖 Immutable 的情况下维护以下内容。我不知何故需要修改 reducer.js 以取出 Immutable，但导出的函数在没有 state = Map() 的情况下不断失败。

索引.jsx

store.dispatch({
  type: 'SET_STATE',
  state: { ... }
});

action_creators.js

export function setState(state) {
  return {
    type: 'SET_STATE',
    state
  };
}

reducer .js

import { Map } from 'immutable';

function setState(state, newState) {
  return state.merge(newState);
}
export default function(state = Map(), action) {
  switch (action.type) {
  case 'SET_STATE':
    return setState(state, action.state);
  }
  return state;
}

Answer 1

function setState(state, newState) {
  return {
    ...state,
    ...newState
  };
}
export default function(state = {}, action) {
  switch (action.type) {
  case 'SET_STATE':
    return setState(state, action.state);
  }
  return state;

检查我如何在状态管理库中使用它 https://github.com/nosovsh/reduceless/blob/master/src/wrapReducerWithSetGlobalState.js#L9