javascript - 如何以 redux-form 更改一个字段值基于另一个字段值？

Question

我知道在 stackoverflow 中几乎没有其他类似的问题，但我一直在调查它们，但没有一个对我的方案有帮助，或者至少我没有得到它，所以这是我的情况:

我有一个内部有两个输入的组件(我们称它为 MainComponent)。第一个输入是一个checkbox，第二个是一个picker(是原生的)。我想做的是，当我单击一个 checkbox 时，相应的 picker 被禁用，但我无法删除选择器的值(当它变成启用)从 redux-form 状态。如果我选择其他 checkbox 前一个确实被禁用但值保持不变。

请注意，我根据一些对象数组从另一个组件多次渲染此 MainComponent。

MainFile.js

categories.map((categoryItem, index)=>
 items.map((item, index)=>
   <Fields names={[${categoryItem.label}, ${categoryItem.label}.${item.label}]}
           component={Inputs}    
))

Inputs.js

<CheckBox ...>
<Picker ...>

复选框和选择器使用输入正确设置:{value, onChange} 等

我曾尝试更改此 inputs.js 中的值，但后来我意识到这是错误的，它给了我错误，我无法从渲染中更改某些内容。

我想要实现的是一种方法，当我取消选中复选框时，我还想更改选择器的值(应该从 redux 表单状态中删除选择器数据)。我怎样才能做到这一点？非常感谢您的帮助。

Answer 1

从您的问题中我了解到，您想要更新 redux-form 中的字段。

redux-form 具有change 方法，可用于动态更新任何字段值。

import { reduxForm, change } from 'redux-form';

const mapDispatchToProps = {
updateField: (field, data) => change( "YOUR_FORM_NAME", 字段, 数据)
}

这会有帮助吗？