“Cada filho em uma matriz deve ter um suporte de chave exclusivo” somente na primeira renderização da página
eu tenho um<tr>
com um monte de<td>
interior que consiste em todos os usuários conectados através do Instagram. o<tr>
recebe uma chave exclusiva e, quando carrego a página pela primeira vez, sou avisado de que cada criança não possui uma chave exclusiva. No entanto, quando saio dessa página OU quando excluo a conta / faço login novamente no Instagram para listar a conta na tabela, o aviso não aparece mais. Por que isso acontece? Tenho 99% de certeza de que a chave também é exclusiva porque o console a registrou para verificar se cada<tr>
tem uma chave diferente.
Aviso: Cada criança em uma matriz deve ter um suporte "chave" exclusivo. Verifique a chamada renderComponent usando.
É uma chatice que não consigo rastrear de onde o aviso vem do console ...
Código de amostra:
component1 = React.createClass({
render: () ->
# A lot of table stuff here
_.chain(@state.users).map((x) -> <component2 profile={x} />),@).value()
)}
component2 = React.createClass({
render: () ->
return (
<tr key={@props.profile.id}
<td>Blah</td>
<td>Blah</td>
<td>Blah</td>
</tr>
)
})