javascript - redux - 如何存储和更新键/值对

Question

我正在使用 redux 和 reactjs。

我想存储简单的键/值对，但无法正确使用 reducer 语法。

在这种情况下，每个键/值对都将保持与外部系统的连接。

这是正确的做法吗？我刚开始使用 redux，所以它有点神秘。

export default (state = {}, action) => {
  switch(action.type) {
    case 'addConnection':
      return    {
        connections: {
          ...state.connections, {
          action.compositeKey: action.connection
        }
      }

    default:
      return state
  }
}

Answer 1

这对我有用:

export default (state = {}, action) => {
  switch(action.type) {
    case 'addConnection':
      return {
        ...state,
        connections: {
          ...state.connections,
          [action.compositeKey]: action.connection
        }
      }
    default:
      return state
  }
}

来自文档:

https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns#correct-approach-copying-all-levels-of-nested-data