переменная рендеринга с использованием Object.keys, несколько циклов Object.keys реагировать

Question

Я использую Object.keys для перебора родительского и дочернего объекта буксировки. Я заметил, что Object.keys не поддерживает рендеринг. Можете ли вы подсказать, как мне решить эту проблему.

Object.keys(questions).map( (key)=> {
      const  panelQuestions =questions[key];
      Object.keys(panelQuestions).map( (panelkey)=> { 
 
       tasks && tasks.map( (task, index) => {
            const QuestionSubQues = _.get(task, 'questions[0].tableRecordTemplate[0].questions', 'default');
            const questionTitle = _.find(QuestionSubQues, { 'uid': panelkey});
            console.log(questionTitle.title +' : '+ panelQuestions[panelkey]);
                           })

                      
                        });  
                         

Я хочу отобразить переменную questionTitle.title & panelQuestions [panelkey] на html-дисплее.

Answer 1

return Object.keys(questions).map( (key)=> {
      const  panelQuestions =questions[key];
     return  Object.keys(panelQuestions).map( (panelkey)=> { 
 
     return  tasks && tasks.map( (task, index) => {
            const QuestionSubQues = _.get(task, 'questions[0].tableRecordTemplate[0].questions', 'default');
            const questionTitle = _.find(QuestionSubQues, { 'uid': panelkey});
            console.log(questionTitle.title +' : '+ panelQuestions[panelkey]);
            return(
                    <div> <div className="abc">{questionTitle.title} :{ panelQuestions[panelkey] } </div>
                     </div> 
                           })

                      
                        });  
                         

необходимо использовать ключевое слово return в каждом из циклов итерации