Невозможно проанализировать HTML-теги в данных строки DataTable

Question

Я получаю HTML-теги в одном элементе для каждой ячейки DataTables. Я хочу анализировать HTML-теги, но до сих пор не могу этого сделать.

Я уже пробовал html-реагировать на парсер, но он разбирает их в массив.

import Parse from "html-react-parser";

<Table className={classes.table}>
        <TableHead>
          <TableRow>
            {/* <TableCell>Dessert (100g serving)</TableCell>
            <TableCell align="right">Calories</TableCell>
            <TableCell align="right">Fat (g)</TableCell>
            <TableCell align="right">Carbs (g)</TableCell>
            <TableCell align="right">Protein (g)</TableCell> */}
            {props.tableData.HeadingData.map(el=>{
              return <TableCell align="right">{el}</TableCell>
            })}
          </TableRow>
        </TableHead>
        <TableBody>
          {rows.map(row => (
            <TableRow>
              {/* <TableCell align="right">{row}</TableCell> */}
              {row.map(el=>{
                console.log(Parse(el));
                return <TableCell align="right">{Parse(el)}</TableCell>
              })}
            </TableRow>
          ))}
        </TableBody>
      </Table>

"content":{
                "Title": "List Title",
                "HeadingData" :["Name", "Company", "City", "State"],
                "RowData" :[
                    ["Joe James", "Test Corp<br/>TestCorp", "Yonkers", "NY"],
                    ["John Walsh", "Test Corp", "Hartford", 1989],
                    ["Bob Herm", "Test Corp", "Tampa", "FL"],
                    ["James Houston", "Test Corp", "Dallas", "TX"],
                ]
            },

Выше приведены данные таблицы, и если вы видите, что компания имеет HTML-теги "Test Corp
TestCorp".

Я не могу разобрать его, так как он возвращает массив.

Answer 1

Я нашел решение. Решается путем преобразования каждого элемента ячейки в строку перед синтаксическим анализом через html-Reaction-parser.