Question

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

我没有找到一种简单，干净的方法。

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

我尝试使用CSS隐藏字段＃3，但验证规则并不知道哪些字段是隐藏的。

Answer 1

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

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

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

1 个答案: