Почему не срабатывает изменение объекта?

Question

[Алексей Милютин]

Добрый день, я пишу ту ду лист на хуках. У меня возникла проблема, почему то не срабатывает метод handleClose. Буду очень благодарен за ответ.

function App() { 
  const [todo, setTodos] = useState(
    [
      { text: 'example', done: false, checked: false },
      { text: 'second example', done: false, checked: false }
    ]
  );
const handleClose = (index) => {
    setTodos((state) => {
      return state[index].checked = true;
    });
  };
return (
    <div className='root-wrapper'>
      <div className='top-wrapper'>
        <h1>Todo List Hooks</h1>
        <MakeDo 
          handleAdd={handleAdd}
        />
      </div>
      <div className='main-wrapper'>
        <List 
          handleClose={handleClose}
          handleDelete={handleDelete}
          items={todo}
          // removeItems={setTodos([])}
        />
      </div>
      <div className='bot-wrapper'>
        <BottomInputs 
          handleClear={handleClear}
          handleAccept={handleAccept}
        />
      </div>
      <input 
        type='button'
        onClick={handleJSON}
        value='addJSON'
      />
    </div>
  )
}

Answer 1

[Антон Спирин]

const handleClose = useCallback(index => {
  setTodos(state => {
    const newState = [...state],
    newState[index] = { ...newState[index], checked: true },

    return newState;
  });
}, []);

Comments

[Алексей Милютин]

Как научиться так же круто деструктуризировать код?) Я каждый ваш пример подобного рода с дестуктуризацией очень тяжко понимаю, а что уж говорить и про написание...