Problema: quiero pasar una matriz al componente QuizResult y necesito mostrarla en
etiqueta.
Código:
markedAnswers = [0,1,2,3,1,1,4,4] <QuizResult result={markedAnswers}/> const QuizResult = (result) => { return ( <div className="result-screen"> {result.map((data, index) => <p key={index}> {data}</p>)} - result.map is not a function error <div>{result}</div> - no error, empty div is shown </div> ); }; export default QuizResult;¿Qué me estoy perdiendo aquí?
En este caso:
const QuizResult = (result) => { La variable de result es un objeto que contiene todos los accesorios pasados. Entonces te referirías a result.result para la matriz. En su lugar, desestructura los accesorios en la función:
const QuizResult = ({result}) => { Entonces, el result contendría solo la matriz.