React-da massivga reakiv qo'shish
Keling, massivga elementlarni reakiv qo'shish
bilan ishlaymiz. Misol uchun bizda
ro'yxat shaklida chiqariladigan massiv
bo'lsin 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>;
}
Tugma yarating, bosingda
yang element qo'shiladigan
massiv oxiriga, shu bilan yangi
li qo'shiladigan ul tegining oxiriga.
Input va tugma yarating. Tugma bosilganda
input matni yangi li tegiga aylansin
ul tegining oxirida.