# Пункты селекта из массива в React

Пусть у нас есть массив с текстами пунктов выпадающего списка:

`function App() { const texts = ['text1', 'text2', 'text3', 'text4']; const [value, setValue] = useState(''); return <div> ... </div>; }`

Давайте сформируем наши теги `option` в цикле:

`function App() { const texts = ['text1', 'text2', 'text3', 'text4']; const [value, setValue] = useState(''); const options = texts.map((text, index) => { return <option key={index}>{text}</option>; }); return <div> <select value={value} onChange={(event) => setValue(event.target.value)}> {options} </select> <p> ваш выбор: {value} </p> </div>; }`

Пусть в массиве хранится список городов. Выведите с помощью цикла выпадающий список этих городов.

←→
↑