2
respostas

[Dúvida] o meu Key da Tag não funciona

Aparece que não espera número. Alguém pode me ajudar? Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Olá, tudo bem?

A propriedade key em um componente React deve ser uma chave única que identifica de forma exclusiva cada elemento da lista renderizada. No seu caso o tag.id é do tipo "Number", mas a propriedade key espera um tipo que possa ser "Key, null ou undefined".

Sugiro converter para string o "tag.id", assim: "tag.id.toString()".

...
{tags.map(tag => 
  <Menuitem key={**tag.id.toString()**} value={tag.id}> 
    {tag.value}}
  </MenuItem>
)}
...

Espero ter ajudado. Bons estudos.