Deviopath › React

Toggle Todos

Medium · Lists

Clicking a todo <li> toggles it between done and not done. Done items get className="done".

Below the list, a <p> shows how many are done, e.g. "1 of 3 done".

Tip: store the todos as objects like { text, done }.

Next: Filterable List