У меня есть динамическая вложенная структура данных JSON, я хотел бы создать таблицу в HTML, я пробовал ее в некотором смысле, но безрезультатно, я не очень разбираюсь в манипулировании данными, я не смог получить никаких результатов но данные отсутствуют прилагается, это то, что мне нужно.

{ "CAIXA DE GORDURA": { "PROJETO": { "ADEQUADO":"Evidenciou-se um bom índice de retenção de gordura no sistema* Recomenda-se que limpezas periódicas sejam realizadas na caixa de gordura, impedindo sua saturação e posterior incorporação do resíduo ao efluente submetido ao tratamento biológico*", "SUBDIMENSIONADO":"Foi possível constatar um certo grau de saturação no sistema* Recomenda-se que limpezas periódicas sejam realizadas na caixa de gordura, impedindo sua saturação e posterior incorporação do resíduo ao efluente submetido ao tratamento biológico*" } }, "GRADEAMENTO": { "CONDIÇÕES": { "LIMPA":"O gradeamento se encontra em condições normais de operação*", "PARCIALMENTE OBSTRUÍDA":"Foi observada uma certa quantia de sólidos grosseiros retidos no gradeamento* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*", "OBSTRUÍDA":"Foi observada uma grande quantia de sólidos grosseiros retidos no gradeamento* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*" }, "PRESENÇA DE GORDURA": { "LIMPA {amp}amp; SIM":"O gradeamento se encontra em condições normais de operação* Não evidencio - se a presença de sólidos grosseiros, porem foi notada a presença de escuma que podem dar indícios de saturação na caixa de gordura*", "PARCIALMENTE OBSTRUÍDA {amp}amp; SIM":"Foi observada uma certa quantia de sólidos grosseiros retidos no gradeamento* Porem foi notada a presença de escuma que podem dar indícios de saturação na caixa de gordura* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*", "OBSTRUÍDA {amp}amp; SIM":"Foi observada uma grande quantia de sólidos grosseiros retidos no gradeamento* Porem foi notada a presença de escuma que podem dar indícios de saturação na caixa de gordura* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*" } }, "CESTO": { "CONDIÇÕES": { "LIMPA":"O gradeamento se encontra em condições normais de operação*", "PARCIALMENTE OBSTRUÍDA":"Foi observada uma certa quantia de sólidos grosseiros retidos no gradeamento* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*", "OBSTRUÍDA":"Foi observada uma grande quantia de sólidos grosseiros retidos no gradeamento* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*" }, "PRESENÇA DE GORDURA": { "LIMPA {amp}amp; SIM":"O gradeamento se encontra em condições normais de operação* Não evidencio - se a presença de sólidos grosseiros, porem foi notada a presença de escuma que podem dar indícios de saturação na caixa de gordura*", "PARCIALMENTE OBSTRUÍDA {amp}amp; SIM":"Foi observada uma certa quantia de sólidos grosseiros retidos no gradeamento* Porem foi notada a presença de escuma que podem dar indícios de saturação na caixa de gordura* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*", "OBSTRUÍDA {amp}amp; SIM":"Foi observada uma grande quantia de sólidos grosseiros retidos no gradeamento* Porem foi notada a presença de escuma que podem dar indícios de saturação na caixa de gordura* O técnico responsável pela manutenção realizou a limpeza da etapa deixando em normais condições* Recomenda-se limpezas periódicas no gradeamento impedindo sua total obstrução, e consequentemente o direcionamento de sólidos grosseiros as etapas subsequentes podendo causae entupimentos nas tubulações e avarias aos equipamentos eletromecânicos*" } }, "ELEVATÓRIA DE ENTRADA": { "LIMPA FOSSA": { "SIM":"Evidenciou-se uma camada espessa de escuma e sólidos sobrenadantes no interior do reservatório* Recomenda-se realizar a limpeza com auxilio de caminhão a vácuo impedindo que os resíduos sejam recalcados ao reatores saturando os mesmos", "NÃO":"O efluente no inteiro do reservatório não apresentou sólidos sobrenadantes e0x5Cou escuma de gordura em sua composição*", "NA PRÓXIMA VISITA":"De acordo com o manual do fabricante limpezas periódicas (a cada 6 meses) necessitam ser realizadas com intuito de retirar o lodo sedimentado no fundo reestabelecendo a seção hidráulica eo TDH (tempo de detenção hidráulica) nas etapas de tratamento*" }, "SENSOR DE NÍVEL": { "CONDIÇÕES NORMAIS":"O funcionamento dos sensores de nível (tipo boia) apresentaram condições normais de funcionamento*", "ANOMALIA":"Realizando teste de comutação das bombas submersíveis para analisar a operação das boias foi possível constatar que não se apresentou um funcionamento adequado* Recomendasse que seja realizada a substituição da boia*" } }, } 

введите описание изображения здесь

Спасибо, ребята, после долгого поиска и многих попыток мне удалось сделать то, что мне было нужно, с помощью Object.entries (), он возвращает массив с позициями, чтобы я мог собрать таблицу.

 { Object.entries(data).map((line, index) ={amp}gt; ( {amp}lt;{amp}gt; {amp}lt;TableRow key={line[0]} style={{backgroundColor:'#00ff14'}}{amp}gt; {amp}lt;TableCell colSpan='2' component='th' align='center'{amp}gt; {line[0].replace(/([*])/g, '.')} {amp}lt;/TableCell{amp}gt; {amp}lt;/TableRow{amp}gt; {Object.entries(line[1]).map((child, index) ={amp}gt; ( {amp}lt;{amp}gt; {amp}lt;TableRow key={child[0]} style={{backgroundColor:'#00ff14'}}{amp}gt; {amp}lt;TableCell colSpan='2' component='th' align='center'{amp}gt; {child[0].replace(/([*])/g, '.')} {amp}lt;/TableCell{amp}gt; {amp}lt;/TableRow{amp}gt; {Object.entries(child[1]).map((child2, index) ={amp}gt; ( {amp}lt;{amp}gt; {amp}lt;TableRow key={child2[0]}{amp}gt; {amp}lt;TableCell align='right'{amp}gt; {child2[0].replace(/([*])/g, '.').replace(/((?:0x5C))/g, '/')} {amp}lt;/TableCell{amp}gt; {amp}lt;Tooltip title={helpText} enterDelay={500} leaveDelay={200} placement="top"{amp}gt; {amp}lt;TableCell className={classes.TableCell} onDoubleClick={(e) ={amp}gt; handleOpen(e.target.firstChild.nodeValue, child2[0], line[0])} {amp}gt; {child2[1].replace(/([*])/g, '.').replace(/((?:0x5C))/g, '/')} {amp}lt;/TableCell{amp}gt; {amp}lt;/Tooltip{amp}gt; {amp}lt;/TableRow{amp}gt; {amp}lt;/{amp}gt; ))} {amp}lt;/{amp}gt; ))} {amp}lt;/{amp}gt; )) } 

введите описание изображения здесь