Tengo una pregunta. ¿Cómo puedo generar una clave para una matriz de cadenas? No es objeto, en objeto podría poner id y solucionaría el problema. Entonces, ¿qué debo hacer en solo matriz? Los índices como clave no son una buena práctica, así que estoy atascado.
const ingredients = ['rice', 'curry', 'chicken] {props.ingredients.map((ingredient) => ( <Box>{ingredient}</Box> ))}Si no tiene ningún ingrediente duplicado, usar el nombre del ingrediente como clave estaría bien.
{props.ingredients.map((ingredient) => ( <Box key={ingredient}>{ingredient}</Box> ))}Si tendrá ingredientes duplicados y realmente le importa obtener la clave correcta, puede usar el índice si el índice no cambia:
{props.ingredients.map((ingredient, i) => ( <Box key={i}>{ingredient}</Box> ))}(Usar el índice no es una mala práctica universal , solo es adecuado para algunas situaciones)
Si pudiera tener ingredientes duplicados y el índice puede cambiar, y realmente quiere arreglar esto, cámbielo a una matriz de objetos en lugar de una matriz de cadenas, con un atributo de identificación único en cada objeto que puede usar como clave.
const ingredients = ['rice', 'curry', 'chicken'] {props.ingredients.map((ingredient, index) => ( <Box key={index}>{ingredient}</Box> ))}{props.ingredients.map((ingredient, index) => (<Box key={index}>{ingredient}</Box>))}Obtiene un índice incorporado cuando lo hace de esta manera y puede usarlo como clave.