Reactda massivlar ustida reaktiv amallar

Keling, endi massiv elementlari bilan reaktiv manipulyatsiyalar qilishni o'rganaylik. Buning uchun har bir li ga hodisa ishlovchisini bog'laymiz, unda parametr sifatida bu li ning massivdagi raqamini uzatamiz:

jsxfunction App() {
  const [notes, setNotes] = useState([1, 2, 3, 4, 5]);
  
  const result = notes.map((note, index) => {
    return <li key={index} onClick={() => doSmth(index)}>
      {note}
    </li>;
  });
  
  return <div>
    <ul>
      {result}
    </ul>
  </div>;
}

Funksiyamiz ichida biz massiv elementimiz ustida har qanday amalni bajara olamiz:

jsxfunction App() {
  ...
  
  function doSmth(index) {
    let copy = Object.assign([], notes);
    copy[index] += '!'; // element bilan biror narsa qilamiz
    setNotes(copy);
  }
}