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>;
}
Босилганда массив oxирига янги элемент
қўшиладиган, шу билан бирга ul тегининг
oxирига янги li қўшиладиган тугма ясанг.
Инпут ва тугма ясанг. Тугма босилганда
инпут матни ul тегининг oxиридаги янги
li тегига айлансин.
