Question

我想根据另一个Field的值隐藏一个Field。为此，我现在正在使用warn props，因为我可以获取当前值以及表单中其他字段的值。

是否可以创建自定义道具（类似于警告和验证），可以将当前字段的值和表单的所有值作为参数？

我可以使用redux-form基于另一个字段的值隐藏/显示字段的其他方法是什么？

Answer 1

您可以使用Fields组件。它处理单个组件下的各种字段的状态。

示例：

// outside your render() method
const renderFields = (fields) => (
  <div>
    <div className="input-row">
      <label>Category:</label>
      <select {...fields.category.input}>
        <option value="foo">Some option</option>
      </select>
    </div>
    { fields.category.input.value && (
      <div className="input-row">
        <label>Sub category</label>
        <select {...fields.subcategory.input}>
          <option value="foo">Some other option</option>
        </select>
      </div>
    )}
  </div>
)

// inside your render() method
<Fields names={[ 'category', 'subcategory' ]} component={renderFields}/>

使用redux-form基于另一个字段的值显示/隐藏字段

1 个答案: