Soy nuevo en React y estoy tratando de descubrir cómo devolver una entrada de objetos en particular por su clave.
Hasta ahora, tengo un objeto como tal:
const questions = [ { id: '1', section: 's1', answers: [ "answer a", "answer b", "answer c", "answer d", ] }, { id: '2', title: 'Question 2', answers: [ "answer a", "answer b", "answer c", "answer d", ] }, //etcque actualmente estoy iterando y usando partes como accesorios en un componente, por ejemplo:
return ( <div> {questions.map((question) => ( <Question key={question.id} questionNum={question.id} title={question.title} answers={question.answers} /> ))} </div> );Esto funciona bien y como se esperaba.
Pero ahora necesito modificar esto para que solo devuelva los valores de 1 clave particular dada en el objeto.
He estado buscando y experimentando con .get() pero, para ser sincero, no sé cómo hacerlo.
¿Alguien sabría la mejor manera de abordar esto?
Puede filter las questions por una clave particular del objeto primero y luego hacer el map . Digamos id con valor 1.
return ( <div> {questions .filter(({ id }) => id === "1") .map(question => ( <Question key={question.id} questionNum={question.id} title={question.title} answers={question.answers} /> ))} </div> )Si lo hice bien, supongo que puedes hacer lo mismo usando el map en sí
Suponga que tiene la siguiente matriz
const questions = [ { id: '1', section: 's1', answers: [ "answer a", "answer b", "answer c", "answer d", ] }, { id: '2', title: 'Question 2', answers: [ "answer a", "answer b", "answer c", "answer d", ] }] y ahora solo quiere sacar la clave de answers solo, entonces puede hacer algo como
const result = questions.map((question) => {answers: question.answers}); // where the specific key here is answers