Блог

Главная - Вопросы по программированию - добавить ввод и кнопку внутри select react js

добавить ввод и кнопку внутри select react js

#javascript #reactjs

#javascript #reactjs

Вопрос:

Привет, ребята, кто-нибудь знает, как добавить ввод и кнопку внутри select

Это мой код

 <select
        className="w3-select w3-border"
        name="country"
        onChange={onChange}
      >
        <option value="DEFAULT" selected disabled hidden>
          Select Country :
        </option>
        {allcountry.map((item, index) => {
          return (
            <option key={index} value={item.countryname}>
              {item.countryname}
            </option>
          );
        })}
      </select>

Это результат

Я хочу добавить ввод и кнопку внутри выбранной страны, поэтому при вводе allcountry состояние будет обновляться, спасибо: D

Комментарии:

1. Извините, я не мог понять, зачем вам нужны ввод и кнопка внутри select. Недостаточно ли onChange для обновления состояния при обновлении страны? Кроме того, загляните в react-select.

2. Я не думаю, что это возможно с элементами standard select и option html. Допустимый контент для select равен нулю или более <option> <optgroup> элементов or, а разрешенный контент для option — текст, возможно, с экранированными символами (например amp;eacute; ). Вы пытаетесь добиться чего-то вроде react-select ?

Метки: