Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Warning ao montar a tabela dinamica

Olá, turo bom ?

Eu fiz o que foi passado na aula sobra passar o valor na propriedade e mostrou a tabela dinamica, porém ao olhar no console do chrome mostrou um warning

Warning: Each child in a list should have a unique "key" prop.
Check the render method of `TableBody`

Sabe o que pode ser isso ?

3 respostas

Solucionei colocando a propriedade Key na tag

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

...

Mas gostaria de saber mais sobre esse propriedade, o pq dela?

solução

Bom dia Dalcy,

basicamente a key ajuda o React a identificar qual item da sua tabela no caso, foi alterado, adicionado ou removido.

Obrigado <3