AntD Form:shouldUpdate 用法

要点

  • shouldUpdate 监听整个表单值变化;当判断为真时,该 Form.Item 及其子组件会重新渲染。
  • 子组件需使用函数子组件(render props)形式,以拿到最新 form 实例与值。

示例

<Form.Item shouldUpdate={(prev, cur) => prev.type !== cur.type}>
  {({ getFieldValue }) => (
    getFieldValue('type') === 'A' ? (
      <Form.Item name="extraA" label="A 配置"><Input /></Form.Item>
    ) : (
      <Form.Item name="extraB" label="B 配置"><Input /></Form.Item>
    )
  )}
</Form.Item>

相关