Я пытаюсь создать выбор с полем поиска в ReactJs, но каждый пример, который я нашел, все использует Jquery.

Как я могу сделать это в ReactJs?

Кто-нибудь может мне помочь? Я начинаю сейчас в React.

<select className="selectpicker">
     <option>Mustard</option>
     <option>Ketchup</option>
     <option>Relish</option>
</select>
0
Gabriel Silva 30 Дек 2019 в 16:32
Вы говорите о теге DataList? Если нет, я бы это проверил. Не уверен, что это то, что вы собираетесь делать, но без примера сложно понять, чего вы хотите.
 – 
Michael
30 Дек 2019 в 17:18

1 ответ

Создайте файл с именем MySelect.js

Внутри этого файла, поместите этот код

const MySelect = () => {
  return (
    <select className="selectpicker">
      <option>Mustard</option>
      <option>Ketchup</option>
      <option>Relish</option>
    </select>
   )
}

export default MySelect

Затем, в другом файле, который вы хотите использовать свой выбор, сделайте это

import MySelect from './MySelect'

<div>
  <MySelect />
</div>

Конечно, нет смысла иметь статические данные внутри этого компонента. Вы должны передать варианты через реквизит, как

<MySelect options=['Mustard', 'Ketchup', 'Relish'] />

А затем в MySelect.js вы можете сделать это:

const MySelect = props => ... и используйте props.options для заполнения выбора

0
Maximiliano Poggio 30 Дек 2019 в 16:36