2017-09-21 2 views
2

私は、別のJSONオブジェクトに存在する小道具を介してinitialValuesを渡すために、reduxフォームを作成しています。propostとしてカスタムJSONからmapStateToPropsを使用してredux形式で値を初期化する方法はありますか?

私は小道具として渡していますJSONオブジェクトの構造は次のとおりです。 - 私はトムとSAM

私は、初期状態を設定するために必要な場所

"Team": { 
     "Manager": { 
      "name": "Tom" 
     }, 
     "members": { 
     "PD" : { 
      "SE": { 
      "name" : "SAM" 
      } 
     } 
     } 
}, 

マイReduxの形態には2つのフィールドをhavs

ReactDOM.render(
    <Provider store={store}><Emp empJSON={}/></Provider>, 
    document.querySelector('#tenant-content') 
); 

のempクラスは、このようなものです: - - :

このようなReduxのフォームを持つクラスを呼び出します
Emp.propTypes = { 
    empJSON: PropTypes.object, 

}; 

Emp.defaultProps ={ 
    empJSON:{}, 
} 



export default reduxForm({ 
    form: 'empForm', // a unique identifier for this form 
    onSubmit: submit, 

},mapStateToProps)(Emp); 

renderPartnerName.propTypes = { 
    input: PropTypes.object, 
}; 

は、私はまた、機能

function mapStateToProps(state, ownProps) { 
    // state will be the state of your redux store 
    // ownProps will be your component's props 
    console.log(state) 
    console.log(ownProps) 

    return { 
     initialValues: { 
      EmployeeName: ownProps.members.PD.SE.name, 
     } 

}} 

は、しかし、何もコンソールに印刷されていないいるもinitialvaluesが設定されています。

何か間違っていますか?

答えて

0

mapStateToPropsを還元型に直接渡す方法がわからないのですが、あなたにはconnectがありませんか?

Emp = connect(mapStateToProps)(Emp); 

export default reduxForm({ 
    form: 'empForm', // a unique identifier for this form 
    onSubmit: submit, 

})(Emp); 

ああ、私はthis.httpsを行うには、このGitのハブポストに続いhttp://redux-form.com/7.0.4/docs/faq/howtoconnect.md/

+0

を参照してください://github.com/erikras/redux-form/issues/916Iはこれを試してみるもの – 789

関連する問題