Question

我已经配置了一个带有三个字段的redux-form，如下所示：

function mapState(state) {
    return {
        initialValues: {
            terms: state.register.toJS().terms.value
        }
    };
};

[map dispatch object here]

export const MyFormContainer = reduxForm({
    form: 'myForm',
    fields: ['email', 'password', 'terms']
}, mapState, mapDispatch)(MyForm);

每个字段按照文档传播传递的道具，例如{...电子邮件}。术语复选框包含一个onChange，它调用actionCreator来更新我的redux状态：

<input type="checkbox" {...terms} onChange={this.handleTermsToggle.bind(this)}/>

单击复选框时，电子邮件和密码字段都重置为空白，这不是我想要的。

Answer 1

原来我正在从错误的角度接近问题。我需要完全删除状态树的那一部分，而是使用我的外部组件中的'react-redux'来修改值。

import { change } from 'react-redux'

<button onClick={() => {
  this.props.change('myForm', 'terms' true);
}}>Click Me</button>

... and don't forget to map change to mapDispatchToProps

当更改附加到redux状态的值时，redux-form字段将重置

1 个答案: