Ant Design Form.List 显示隐藏字段?
用的是Ant Design框架的Form.List新增一行,有个需求,备注字段默认隐藏,类型选择1再显示备注,不知道应该如何实现,有没有大神可以提供下思路,感谢感谢
<Form.List name="users">
{(fields, { add, remove }) => (
<>
{fields.map(({ key, name, ...restField }) => (
<Space key={key} style={{ display: 'flex', marginBottom: 8 }} align="baseline">
<Form.Item
{...restField}
name={[name, 'type']}
rules={[{ required: true }]}
label="类型"
>
<Radio.Group>
<Radio value={1}>1</Radio>
<Radio value={2}>2</Radio>
</Radio.Group>
</Form.Item>
<Form.Item
{...restField}
name={[name, 'last']}
rules={[{ required: true }]}
label="备注"
>
<Input />
</Form.Item>
<MinusCircleOutlined onClick={() => remove(name)} />
</Space>
))}
<Form.Item>
<Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
Add field
</Button>
</Form.Item>
</>
)}
</Form.List>
回复
1个回答
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容