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>