Реактивные амалиётҳо дар массиваҳо дар React

Биёед акнун манипулятсияҳои реактивиро бо унсурҳои массив анҷом диҳем. Барои ин, мо ба ҳар як li як мудири рӯйдод меофарем, ки дар он рақами ин li-ро дар массив параметр мегузаронем:

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>;
}

Дар дохили функсияи мо, мо метавонем ҳар гуна амалиётро бо унсури массиви мо иҷро кунем:

jsxfunction App() {
  ...
  
  function doSmth(index) {
    let copy = Object.assign([], notes);
    copy[index] += '!'; // чизе бо унсур иҷро кунем
    setNotes(copy);
  }
}