0

redux-formmapStateToPropsで他の react-redux パラメータを設定できますか。v6

このようにredux-formv5 ~> http://i.stack.imgur.com/nSZKM.jpg

reduxForm(config:Object, mapStateToProps?, mapDispatchToProps?, mergeProps?, options?)

redux-form を使用してフォーム コンポーネントを Redux に接続するためのデコレータを作成します。config パラメーターと、オプションで mapStateToProps、mapDispatchToProps、mergeProps、およびオプション パラメーターを受け取ります。これらのパラメーターは、react-redux の connect() 関数によって取得されるパラメーターに正確に対応し、フォーム コンポーネントを Redux の他の状態に接続できるようにします。

.

例えば:

import { reduxForm } from 'redux-form/immutable';

...

export default reduxForm({
  form: 'signUp'
}, state => ({
  lists: state.get('list').toJS()
}));
4

1 に答える 1

6

はい、バージョン 6 で redux 状態を redux-form コンポーネントに接続できます。以下に例を示します (手動で接続をデコレートする必要があります)。

import { connect } from 'react-redux';
import { reduxForm } from 'redux-form';
import {
    actionCreatorOne,
    actionCreatorTwo
} from './actionCreators';

class MyForm...

function mapStateToProps(state) {
    return {
        name: state.user.name
    };
}

let mapDispatch = {
    actionCreatorOne,
    actionCreatorTwo
};

MyForm = reduxForm({
    form: 'myForm'
})(MyForm);

export default MyForm = connect(mapStateToProps, mapDispatch)(MyForm);
于 2016-07-05T16:02:30.583 に答える