Ошибка validateDomNesting при создании таблицы с Material-UI - PullRequest
Новая
       5

Ошибка validateDomNesting при создании таблицы с Material-UI

0 голосов
/ 01 июля 2019

Я пытаюсь создать динамическую таблицу в интерфейсе материалов. Дело в том, что я хочу сделать это вертикально, а не по горизонтали, поэтому это означает, что я хочу добавить новые строки в каждый столбец, что-то вроде этого: 

Title1   Title2
a           1
b           2
c           3
d           4
e           5

В основном все работает нормально, но я сталкиваюсь с ошибкой вроде: 

index.js:1375 Warning: validateDOMNesting(...): <tr> cannot appear as a child of <td>.

Я знаю, что означает эта ошибка, так как 3 другие ошибки появились между тем, где также была проблема с validateDOMNesting, но мне удалось их исправить, но я совершенно не представляю, как это исправить, я пытался добавить новые таблицы и TBody, но это всегда ломает всю структуру, и таблица выглядит настолько испорченной, какие-либо предложения, как исправить ошибку и все еще сохранить мою Таблицу, как она выглядит сейчас? Спасибо 

             <TableBody>
                  <TableRow>
                {batteryData.map((data, i) => {
                  return (
                    <StyledTableCell key={i}>

                      {data
                        .slice(Math.max(data.length - 50, 1))
                        .reverse()
                        .map((el, index) => {
                          return (
                            <TableRow key={index}>
                              <StyledTableCell>
                                {el.y == undefined ? "none" : el.y}
                              </StyledTableCell>
                            </TableRow>
                          );
                        })}

                    </StyledTableCell>
                  );
                })}

              </TableRow>
            </TableBody>
...