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

Давайте поработаем с реактивным добавлением элементов в массив. Пусть для примера у нас есть массив, который выводится в виде списка `ul`:

`function App() { const [notes, setNotes] = useState([1, 2, 3, 4, 5]); const result = notes.map((note, index) => { return <li key={index}>{note}</li>; }); return <div> <ul> {result} </ul> </div>; }`

Сделайте кнопку, по нажатию на которую будет добавляться новый элемент в конец массива, тем самым добавляя новый `li` в конец тега `ul`.

Сделайте инпут и кнопку. По нажатию на кнопку пусть текст инпута станет новым тегом `li` в конец тега `ul`.

← →
↑