Как сделать чтоб класс менялся только у одного элемента?

Question

[supkiler]

Как сделать чтоб при нажатии на кнопку менялся класс только у этой кнопки ? и чтоб также менялся у других когда на них нажимал , но на другой кнопке класс так же оставался класс ?

const btn = (id) =>{
  let play = [...todo].map(item =>{
    if(item[0] == id){
      setIcon(!icon)
    }
    return item
  })
  setTodo(play)
}
const btnIcon = icon ? 'icon-pause' : 'icon-play'

<button className={`icon ${btnIcon}`} onClick={() => btn(item[0])}></button>

Comments

[Hovhannes Varosyan]

каждый элемент в списке это отдельный компонент ?

[Aleksandr_K]

Добавить модули в проект и сделать декомпозицию компонентов.