Instruções

Passo 19

Agora você vai trabalhar em alguma lógica para riscar quaisquer itens selecionados na lista. Primeiro, como tudo dentro dessa chamada filteredItems.map() está sendo retornado implicitamente, envolva todo o código dentro dela em chaves e retorne o elemento li explicitamente. Por exemplo, aqui está como você faria isso com um componente simples que renderiza uma lista de nomes:
const names = ["Abbey", "Beau", "Quincy"];

const NameList = () => {
  return (
    <ul>
      {names.map((name) => {
        return (
          <li key={name}>{name}</li>
        );
      })}
    </ul>
  );
};

O que fazer:

Testes:

  • Você deve envolver o código dentro da chamada `filteredItems.map()` com chaves.
  • Você deve retornar explicitamente o elemento `li`.

Preview