Tengo una base de datos y estoy tratando de clasificar los datos en la base de datos y encontrar el que tiene una propiedad de nombre igual a la variable de identificación que especifiqué. La variable de identificación funciona, aunque tengo problemas para clasificar y encontrar la propiedad de nombre igual a la variable de identificación. Esto es lo que he probado:
import {useParams} from "react-router-dom"; function StudentInfo() { const {id} = useParams(); var studentData = {}; function infoGetter() { fetch( "{url that I put in real code}" ) .then(response => response.json) .then(data => { Object.keys(data).filter((element) => { if (data[element].studentName.toLowerCase() === id.toLowerCase()) { studentData = { studentName: data[element].studentName, yearGroup: data[element].yearGroup, currentSchool: data[element].currentSchool, parentOrGuardian: data[element].parentOrGuardian, phoneNumber: data[element].phoneNumber, homeAddress: data[element].homeAddress }; } return studentData; }).map((filteredElement) => data[filteredElement]) }) } return ( <div className="btn-textfield"> <button className="btn-textfield" onClick={infoGetter}> Id: {id} <br/><br/> StudentInfo: <br/><br/> {studentData.studentName} {studentData.yearGroup} {studentData.currentSchool} {studentData.parentOrGuardian} {studentData.phoneNumber} {studentData.homeAddress} </button> </div> ); } export default StudentInfo;Creo que el problema es asignar el valor al objeto o clasificarlo. Agradezco cualquier respuesta.
En realidad, no estoy seguro de por qué está filtrando su objeto de datos sin tener en cuenta su identificación de estudiante, pero lo que voy a hacer es
Object.keys(data).filter(element => element.id === id ).map(student => { // You will be able to find your current **student** right her console.log(student); })No hay necesidad de usar el objeto de datos nuevamente en su condición if
Lo siento. Fue un error tonto. Hice response => response.json olvidando los paréntesis.