更改附加到redux状态的值时，redux表单字段将重置

Question

我已将redux表单配置为三个字段，如下所示：

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);

每个字段根据文档传播传递的道具，例如{…email}。terms复选框包含一个onChange，它调用actionCreator来更新我的redux状态：

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

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

Answer 1

原来我从错误的角度处理这个问题。我需要完全删除状态树的那一大块，而是在外部组件中使用react-redux中的{Change}来修改值。

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