Ant Design Form.List 显示隐藏字段？

Question

用的是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>

Answer 1

Ant Design - form 表单实现联动效果的几种方法