Estoy usando el creador de cuestionarios nativos de React ( https://github.com/jtalz/react-native-quiz-maker ) para hacer un cuestionario, y actualmente tengo una matriz que tiene todas las preguntas en el formato especificado. Sin embargo, cuando uso el siguiente código para mostrar el cuestionario, obtengo un espacio vacío donde debería estar el cuestionario. Tengo la sensación de que puede deberse a que requieren preguntas = {[{pregunta 1}{pregunta 2}]} donde la matriz está entre corchetes, mientras que yo simplemente trato de usar una matriz. Sin embargo, cuando probé las preguntas = {{questionList}} obtengo un TypeError no detectado: intento no válido de difundir una instancia no iterable. ¿Alguna solución para esto?
Aquí está mi código actualmente, donde tengo una lista de objetos, y los puse en el formato de pregunta requerido con un bucle for. Entonces, tengo questionList, que es una matriz de objetos, donde cada uno está formateado de acuerdo con el formato del creador de cuestionarios (esta parte funciona perfectamente, cuando intento consola.log, obtengo el resultado que quiero)
function Home ({route}) { let questionList = []; for (let x = 0; x < subset.length; x++) { if (route.params.name == 'StoE') { let question = { questionType: 'Writing', question: `What is '${subset[x].spanish}' in English?`, answer: subset[x].english } questionList.push(question) } else { let question = { questionType: 'Writing', question: `What is '${subset[x].english}' in Spanish?`, answer: subset[x].spanish } questionList.push(question) } } return ( <View style={global.container}> <Text>{route.params.name}</Text> <QuizContainer questions={{questionList}} onSubmit={(isCorrect) => console.log(isCorrect)} onComplete={(progress) => console.log('score: ', progress)} /> {console.log(questionList)} </View> ); }