# Работа с селектами в React

Давайте теперь займемся выпадающими списками `select`. Работа с ними также практически не отличается от работы с инпутами и чекбоксами.

Пусть у нас есть вот такой селект:

`function App() { return <div> <select> <option>text1</option> <option>text2</option> <option>text3</option> <option>text4</option> </select> </div>; }`

Давайте обеспечим его работу средствами React:

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

Сделайте выпадающий список городов. Сделайте также абзац, в который будет выводиться выбор пользователя.

← →
↑