antd中 当select的 value=2，显示input框，value=1时，隐藏这个input框

Question

相关代码如下

<Col span={24}>
                            <Form.Item label='反馈' name='feedback' rules={[{ required: true, message: '请选择!' }]}>
                                <Select placeholder='-' disabled={status === 'see'} showSearch>
                                    <Select.Option value='0'>正常报港</Select.Option>
                                    <Select.Option value='1'>已在他处送交</Select.Option>
                                    <Select.Option value='2'>其他</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>

                        <Col span={24}>
                            <Form.Item label='反馈意见' name='feedbackContent' rules={[{ required: true, message: '请输入!' }]}>
                                <Input disabled={status === 'see'} placeholder='-' />
                            </Form.Item>
                        </Col>

当反馈为“其他”时，显示“反馈意见”输入框，求解

Answer 1

你只需要 获取到 select的值 然后 三目 运算符 控制就行 。至于获取 可以 用 表单 的方法 或者 给 select 加change方法 。具体看 antd Api

 <Col span={24}>
        <Form.Item label='反馈' name='feedback' rules={[{ required: true, message: '请选择!' }]}>
            <Select placeholder='-' disabled={status === 'see'} showSearch>
                <Select.Option value='0'>正常报港</Select.Option>
                <Select.Option value='1'>已在他处送交</Select.Option>
                <Select.Option value='2'>其他</Select.Option>
            </Select>
        </Form.Item>
    </Col>
    { selectVal=="2"?
        <Col span={24}>
            <Form.Item label='反馈意见' name='feedbackContent' rules={[{ required: true, message: '请输入!' }]}>
                <Input disabled={status === 'see'} placeholder='-' />
            </Form.Item>
        </Col>:""
    }