Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

O código funciona mas com warning no console

Olá,

Ao terminar a aula, o console do meu navegador mostra uma mensagem de alerta sobre o método render do componente TableBody.

index.js:1375 Warning: Each child in a list should have a unique "key" prop.

Check the render method of `TableBody`. See https://fb.me/react-warning-keys for more information.
    in tr (at Tabela.js:22)
    in TableBody (at Tabela.js:46)
    in table (at Tabela.js:44)
    in Tabela (at App.js:32)
    in div (at App.js:30)
    in App (at src/index.js:7)

o código de tablebody:

const TableBody = props => {
  const linhas = props.autores.map((linha, index) => {
      return (
          <tr>
              <td>{linha.nome}</td>
              <td>{linha.livro}</td>
              <td>{linha.preco}</td>
              <td><button>Remover</button></td>
          </tr>

      )
  });

Podem me ajudar com isso?

2 respostas
solução!

Oi, Ramon, tudo bem?

Dentro do sua TableBody, na tag tag adicione o seguinte:

<tr key={index}>

Pois de acordo com a mensagem que aparece, está faltando a propriedade key. Veja se isso corrige e me fala se deu certo :}

O parâmetro funcionou! Obrigado, Laís :))