Question

我有此代码，我想禁止perevent用户输入文本aria输入。只能从菜单中选择。

namespace

Answer 1

您只需在Ant Design中禁用输入字段即可。

使用已禁用

<Select
            showSearch
            disabled
            style={{width: '40%', paddingRight: 40}}
            placeholder={this.props.title}
            dropdownStyle={{width: '38%', paddingRight:10}}
            onChange={this.SelectCity.bind(this)}
            {...inputProps}
            optionFilterProp="children"
        >
            {OptionSelect}
        </Select>;

阅读官方文档以了解更多信息，https://ant.design/components/input/#header

Answer 2

您可以查看官方文档antd select

此代码直接来自文档

   <Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
      <Option value="jack">Jack</Option>
      <Option value="lucy">Lucy</Option>
      <Option value="disabled" disabled>Disabled</Option>
      <Option value="Yiminghe">yiminghe</Option>
    </Select>

选择ant design react component禁用文本输入

2 个答案: