我可以将redux-form [v6]连接到其他状态,就像在[v5]中一样吗?

时间:2016-07-05 10:33:41

标签: reactjs react-redux redux-form

我可以在 redux-form mapStateToProps 中配置v6和其他react-redux参数。

redux-form v5 〜>中这样http://i.stack.imgur.com/nSZKM.jpg

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

创建一个装饰器,使用redux-form将表单组件连接到Redux。它需要一个config参数,然后选择mapStateToProps,mapDispatchToProps,mergeProps和options参数,它们与react-redux的connect()函数所采用的参数完全对应,允许您将表单组件连接到Redux中的其他状态。

例如:

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

...

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

1 个答案:

答案 0 :(得分:6)

是的,你可以将你的redux状态连接到版本6中的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);