0

estoy aprendiendo js y react. Intento crear un quizgame, tomando los valores de un array de objetos, para que se visualicen en la aplicación. Sin embargo al hacerlo, me sale un error. Me pueden explicar cual es la razón.

import { useState } from 'react';
import preguntas from '../extras/preguntas.js'

export default function Pruebas() {

    const [preguntaActual, setPreguntaActual] = useState(0);

    return (
        <div className='pruebas-container'>
            <div>
                {preguntas[preguntaActual].pregunta}
            </div>
            <div>
                {preguntas[preguntaActual].opciones.map((respuesta) => (
                    <button> 
                        {respuesta.textoRespuesta}
                    </button>
                ))}
            </div>           
        </div>
    )
}
4
  • y cual es el error que sale? No entiendo para que usas preguntaActual como una variable de estado si nunca modificas su valor... segun entiendo siempre estas leyendo la primer pregunta
    – Agustin G.
    Commented el 25 jun. 2022 a las 22:50
  • El código lo tomé de un tutorial. En el mismo, la aplicación funciona correctamente, en cambio en mi caso, el error que me sale es con respecto al preguntas.js Uncaught TypeError: Cannot read properties of undefined (reading 'pregunta')
    – hspsche
    Commented el 26 jun. 2022 a las 0:02
  • Puedes agregar el JSON que tiene la variable preguntas? Commented el 26 jun. 2022 a las 3:28
  • El archivo que contiene los base de datos de las preguntas es un array de objetos //preguntas.js lo importe al inicio del componente
    – hspsche
    Commented el 26 jun. 2022 a las 22:22

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.