Выберите компонент дизайна муравья, отключите ввод текста

Question

У меня есть этот код, я хочу отключить ввод текста арией для обычного пользователя. Только выбрать из меню работы.

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

Answer 1

Вы можете проверить официальные документы и выбрать

этот код непосредственно из документов

   <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>

Answer 2

Вы можете просто отключить поле ввода в 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