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

Question

我有一个表单与这些字段，“姓名”和“电子邮件”。我使用的是"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
}

代码确实可以工作，但这样做似乎是错误的。什么会是更好的选择？

Answer 1

看看modeled reducer的增强器：https://davidkpiano.gitbooks.io/react-redux-form/content/model_reducers.html#using-existing-reducers