Fatal编程技术网
  • javascript/
  • Javascript 在React引导表组件中将字符串转换为JSX

Javascript 在React引导表组件中将字符串转换为JSX

javascript reactjs

Javascript 在React引导表组件中将字符串转换为JSX,javascript,reactjs,jsx,react-bootstrap,Javascript,Reactjs,Jsx,React Bootstrap,我目前有两个字符串，它们是从JSON数据转换而来的，我想将其转换为jsx。它们实际上是两个表，我知道我可以使用危险的HTML来呈现它们 const someData = [ "<table><tr><th>Group 1</th></tr><tr><td>Italy</tr></td>Turkey</tr></td><tr><td

我目前有两个字符串，它们是从JSON数据转换而来的，我想将其转换为jsx。它们实际上是两个表，我知道我可以使用
危险的HTML
来呈现它们

const someData = [
    "<table><tr><th>Group 1</th></tr><tr><td>Italy</tr></td>Turkey</tr></td><tr><td>Wales</tr></td></table>",
    "<table><tr><th>Group 2</th></tr><tr><td>Russia</tr></td>Belgium</tr></td><tr><td>Finland</tr></td></table>"
  ];

const someData=[
“第1组TalyTurkeywels”，
“第2组俄罗斯联邦芬兰”
];
在React组件的末尾，我将返回以下内容：

  return (
    <div>
      <div dangerouslySetInnerHTML={{ __html: groupsFragment[0] }}></div>
      <div dangerouslySetInnerHTML={{ __html: groupsFragment[1] }}></div>
  );

返回(
);
但是，我想在React引导
表中返回它们，以保持与样式一致。在React引导
表
组件中是否可以以任何方式返回这些字符串？
希望这能对您有所帮助