2016-05-11 28 views
0

"name"と "email"というフィールドを持つフォームがあります。私は "react-redux-form"パッケージを使用しています。私の減速で"react-redux-form"を使用するときの状態構造

私は、次のコード

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

は'反応-Reduxの-form'パッケージから来て、あなたは自分のコードをforkしたくない、これは偉大なように見えます私の意見でそれを行う方法。レフィックスについての素晴らしい点の1つは、レデューサーが必要な場合にレデューサーがネスト/カスケードできることです。 – Ian

答えて

関連する問題