how to map an Object.keys array inside an Object.keys in react.js?

Question

I try:

{Object.keys(questions).map(
    (question, index) => (
        <div className="row questions" key={index}> 
            <p>{questions[question].question_title}</p>
        
         // HERE NOT WORK
         {Object.keys(questions[question].answers).map(
          (answer, index) => (
              console.log(questions[question].answers[answer].id_answer)
          )
         )}

         </div>
    )
)}

this return "Cannot convert undefined or null to object"

Answer 1

this error indicates that you have question(s) where answers property is undefined or null . This results in a call Object.keys(undefined) which throws the error.

you need to add a safe guard for your code to not execute if that's the case:

     { questions[question].answers && Object.keys(questions[question].answers).map(
      (answer, index) => (
          console.log(questions[question].answers[answer].id_answer)
      )
     )}