Estoy trabajando en un proyecto de reacción en el que trato con un archivo json del siguiente formato.
{ "trees":{ "name":"a", "age":"9", "height":"10", "location":"park" }, "cars":{ "name":"b", "age":"30", "height":"10", "location":"park" }, "bikes":{ "name":"c", "age":"110", "height":"10", "location":"park" },.........................Los datos del archivo json (nombre, edad, altura, ubicación) se muestran en una tabla en un componente secundario, pero ahora estoy trabajando en una funcionalidad tal que en cualquier fila de la tabla se hace clic para que los datos de las filas se muestren en otro componente .
Lo estoy manejando de tal manera que cada vez que se hace clic en una fila, una función envía el nombre (por ejemplo, a o b o c) a App.js y lo que quiero hacer es encontrar esos valores (nombre, edad, altura, ubicación) correspondiente a ese nombre, almacenarlo y enviar esos valores a otro niño.
No puedo atravesar este archivo json para encontrar los valores correspondientes al nombre y tampoco tengo idea de cómo almacenar estos valores múltiples para enviárselos a un niño.
Esto es lo que traté de encontrar los valores (nombre, edad, altura, ubicación) correspondientes al nombre:
const selected = Object.entries(Data).find(([key, { ...e }]) => { key.name === selectedId; }); console.log(selected + "Selected");y estoy recibiendo error.
Puedes probar este código:
const obj = { "trees":{ "name":"a", "age":"9", "height":"10", "location":"park" }, "cars":{ "name":"b", "age":"30", "height":"10", "location":"park" }, "bikes":{ "name":"c", "age":"110", "height":"10", "location":"park" } }; const selected = Object.values(obj).find(e => e.name === 'c');O intenta así:
function findByName(obj, name) { const selected = Object.entries(tmp).find(([_, e]) => e.name === 'c'); const [key, findObj] = selected; return { [key]: findObj } } console.log(findByName(tmp, 'c'));