JAVASCRIPT

javascript state array and object cheat sheet

const handleAdd = (todo) => {
  const newTodos = Object.assign({}, todos);
  newTodos[todo.id] = todo;
  setTodos(newTodos);
}

javascript state array and object cheat sheet

const [todos, setTodos] = useState([]);

javascript state array and object cheat sheet

const handleAdd = (todo) => {
  const newTodos = todos.slice();
  newTodos.push(todo);
  setTodos(newTodos);
}

javascript state array and object cheat sheet

const handleAdd = (todo) => {
  const newTodos = [...todos];
  newTodos.push(todo);
  setTodos(newTodos);
}

javascript state array and object cheat sheet

const handleAdd = (todo) => {
  setTodos([...todos, todo]);
}

javascript state array and object cheat sheet

const handleRemove = (todo) => {
  const newTodos = todos.filter((t) => t !== todo);
  setTodos(newTodos);
}

javascript state array and object cheat sheet

const handleUpdate = (index, todo) => {
  const newTodos = [...todos];
  newTodos[index] = todo;
  setTodos(newTodos);
}