Estoy tratando de pasar un parámetro con el nombre " key " a un componente de reacción y no funciona. Si uso " keyy " en lugar de "key", entonces funciona.
Me parece que "clave" es una palabra clave restringida y no puedo usarla como nombre de parámetro.
¿Es eso cierto?
Ese es mi ejemplo:
render() { <MyComponent key='apple' keyy='pear'> }Sí, eso es cierto, clave es una palabra clave restringida y no se propaga como accesorios.
Las claves sirven como una pista para Reaccionar, pero no se pasan a sus componentes . Si necesita el mismo valor en su componente, páselo explícitamente como accesorio con un nombre diferente:
const content = posts.map((post) => <Post key={post.id} id={post.id} title={post.title} /> );Con el ejemplo anterior, el componente Publicar puede leer props.id, pero no props.key.
Lea más en los documentos
Sí, la palabra key clave está reservada, React la utiliza para identificar elementos html, debe ser única. Ayuda a mejorar el rendimiento. Deberíamos añadir una llave a cada niño. De esta manera, React puede manejar el cambio mínimo de DOM.
Las teclas ayudan a React a identificar qué elementos han cambiado, se agregaron o se eliminaron. Las claves se deben dar a los elementos dentro de la matriz para dar a los elementos una identidad estable. Las claves utilizadas dentro de las matrices deben ser únicas entre sus hermanos. Sin embargo, no es necesario que sean únicos a nivel mundial. Las claves sirven como una pista para Reaccionar, pero no se pasan a sus componentes. Si necesita el mismo valor en su componente, páselo explícitamente como accesorio con un nombre diferente.
key es una palabra reservada.
Desde aquí :
Las teclas ayudan a React a identificar qué elementos han cambiado, se agregaron o se eliminaron. Se deben dar claves a los elementos dentro de la matriz para darles una identidad estable:
La mejor manera de elegir una clave es usar una cadena que identifique de forma única un elemento de la lista entre sus hermanos. La mayoría de las veces usaría identificaciones de sus datos como claves.
Esto también es bueno y explica por qué React usa el parámetro key y cuáles son los beneficios. Encontrará que el parámetro key es la piedra angular del algoritmo de reconciliación de React.
Además del parámetro key , hay algunas palabras reservadas más que no debe usar, como:
ref y dangerouslySetInnerHTML
El último setInnerHTML dangerouslySetInnerHTML que usa en lugar de DOM innerHTML
Consulta aquí para más detalles.