Реактивно додавање у низ у 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.
