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>;
}
Басылғанда массивтің соңына жаңа элемент
қосылатын, осылайша ul тегінің соңына
жаңа li қосатын батырма жасаңыз.
Енгізу өрісі мен батырма жасаңыз. Батырманы
басқанда енгізу өрісінің мәні ul тегінің
соңындағы жаңа li тегіне айналысын.
