0 reactjs redux-form react-redux
我可以配置还原形式的mapStateToProps其他react-redux参数.v6
就像在redux-form中一样v5〜> http://i.stack.imgur.com/nSZKM.jpg
Run Code Online (Sandbox Code Playgroud)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()
}));
Run Code Online (Sandbox Code Playgroud)
是的,你可以将你的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);
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
724 次 |
| 最近记录: |