小编Phi*_*and的帖子

使用 props.initialize() 初始化 Redux 表单

我们最近在使用 redux-form(使用 6.7.0)时遇到了一些奇怪的行为。我们使用如下代码初始化 componentDidMount()/componentWillMount() 中的数据:

componentWillMount() {
    this.props.initialize({type:'http',field:'A Value'});
    ...
}
Run Code Online (Sandbox Code Playgroud)

但是,只有当我们执行这个初始化代码时,我们的提交函数才不会接收正在编辑的值,而是初始值。此外,在编辑值时不再调用 onChange() 侦听器。另一方面,位于 form/myform 中的状态已正确更新,我可以看到那里正在更新值。如果我将调用 initialize() 替换为对更改操作的 dispatch(),对于每个属性:

this.props.dispatch(change("myform","type",'http'));
this.props.dispatch(change("myform","field",'A Value'));
Run Code Online (Sandbox Code Playgroud)

然后它起作用了!。似乎 initialize() 替换了整个对象并破坏了一些内部引用。

使用 initialValues 似乎也能正常工作。

很多例子都在使用 props.initialize(),但我们无法让它工作。在什么情况下应该调用 props.initialize() ?

reactjs redux-form react-redux

4
推荐指数
1
解决办法
5276
查看次数

标签 统计

react-redux ×1

reactjs ×1

redux-form ×1