reactjs - 根据字段值动态更改 redux-form

Question

我有一个由三个字段组成的表单。如果字段#1 的值等于true，则必须从表单中删除字段#3，如果字段#1 的值等于false，则需要将字段#3 放回表单中。

我没有找到一种简单、干净的方法来做到这一点。

redux-form 站点上的一个示例解释了如何根据表单容器的状态动态构建表单。容器将字段数组作为 a 传递给表单组件prop，控制字段数组的输入字段在容器内。我不能真正使用这种方法，因为字段 #1 必须在表单内。

我尝试使用 CSS 简单地隐藏字段 #3，但是验证规则不知道哪些字段被隐藏。

Answer 1

如果您不需要修改表单的结构，而只想隐藏字段，也许这对您有用：

render() {
  const {yourField1, yourField3} = this.props;
  <div>
    <Input type="text" {...yourField1} />
    { !yourField1.value && 
        <Input type="text" {...yourField3} />}
  </div>