Si quiero devolver uno de mis componentes de un mapa, ¿puedo hacer esto?
<Component data={data} key={`component-${data.id}`} />o, ¿se supone que debes hacer algo como esto, dentro del propio componente?
const Component = ({data}) => { return ( <div key={`component-${data.id}`}> // Rest of component </div> ) }Ambos enfoques están bien, funcionan ambos, es su propia preferencia personal, sinceramente, creo que si lo hace como el primer ejemplo, no recibirá advertencias. Supongo que está intentando algo como esto.
return ( <> {Dataa.map((data) => <Component data={data} key= {`component-${data.id}`} /> )} </> );Consulte los documentos para obtener más aclaraciones: https://reactjs.org/docs/lists-and-keys.html