使用“react-redux-form”时的状态结构

时间:2016-05-11 15:16:17

标签: reactjs redux react-redux

我有一个包含这些字段的表单,“name”和“email”。我正在使用“react-redux-form”包。

在我的reducer中,我有以下代码

initialState = {
  name: '',
  email: ''
}

const myReducer = (state, action) => {
  return modelReducer('model', initialState)(state, action)
}

这很好用,但我想添加一个下拉列表,并在状态中保存它的可能值。如果我将这些值添加到状态是否可以,所以代码看起来像这样?

initialState = {
  name: '',
  email: '',
  options: []
}

const myReducer = (state, action) => {
  let newState = modelReducer('model', initialState)(state, action)

  switch (action.type) {
    case RECEIVED_OPTIONS:
     newState = {
       ...newState,
       options: action.options
     }
     break
  }

  return newState
}

代码确实有效,但这样做似乎是错误的。什么是更好的选择?

1 个答案:

答案 0 :(得分:0)