How to change one button among button list on click?

Question

React

Let's say there is an array with 12 objects and they are shown on the page with the following code

<ul>
  {arr.map((item, index )=> (
    <li key={index} >
      <h1>{item.title}</h1>
      <button>Click</button>
    </li>
  )}
</ul>

When you click on some button, you need to change the text of the button that was clicked, but how to do this if they are all the same and the onClick action will be applied to all?

Answer 1

Check out this thread.