React-də massivə reaktiv əlavə etmə
Gəlin massivə elementlərin reaktiv əlavə edilməsi
ilə işləyək. Nümunə üçün bizim ul teqi
içində siyahı kimi çıxarılan bir massivimiz olsun:
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>;
}
Elə bir düymə edin ki, ona kliklənəndə
massivin sonuna yeni element əlavə olunsun,
bununla da ul teqinin sonuna yeni
li əlavə edilsin.
Bir input və düymə edin. Düyməyə kliklənəndə
inputun mətni ul teqinin sonunda
yeni li teqi olsun.
