They are shown when you run the tests. Until then they appear as a hidden requirement.
Build a task list where items can be added, completed and removed. You practice state with arrays and lists with key.
TodoItem component for each task.New task, Complete <text> and Remove <text>: the tests use them.Add is pressed the task appears at the end of the list and the input is cleared.Complete <text> checkbox that marks it as done.Remove <text> button that takes it out of the list.Buy bread and press Add → you see the task and an empty input.Buy bread checkbox → the task is struck through.Remove Buy bread → the task disappears.You need two pieces of state: the input text and the array of tasks.
Never change the array with push: create a new one with spread, map or filter.
Give each task its own id and use it as the key; do not use the index.
key.The console is empty
Run your code with Ctrl+S
This console starts empty every time the preview loads. The browser's DevTools console keeps the messages with Preserve log.