Reactjs MaterialTable：显示字段属性上的html标记

我正在使用MaterialTable库为我的react应用程序呈现表格网格

资料来源：

执行API请求后，服务器返回一个包含 一个HTML标记，如下所示：

  {
    "name": "Test",
    "link": "https://google.com",
    "httpLink": "<a href='https://google.com'>google</a>"
  }

我尝试将链接字段包装到标记上，但这不起作用，我无法在页面上显示任何内容

httpLink将显示一个字符串，而不是呈现标签和显示单词google

所需输出： 名称|链接 测试|谷歌

输出： 名称|链接 测试|

我看了一下文件，但没有找到关于这件事的任何东西

---

有人能帮我吗？

您可以使用自定义渲染功能

columns={[
              { title: 'Name', field: 'name' },
              { title: 'LinkString', field: 'link'},
              { title: 'Link', field: 'httpLink', render: rowData => <a href={rowData.link}>{rowData.name}</a>},         
            ]}

列={[
{title:'Name'，field:'Name'}，
{标题：'LinkString'，字段：'link'}，
{title:'Link'，field:'httpLink'，render:rowData=>}，
]}

要在React中将字符串标记转换为真正的DOM，请尝试以下操作

columns={[
          { title: 'Name', field: 'name' },
          { title: 'LinkString', field: 'link'},
          { title: 'Link', field:  <span dangerouslySetInnerHTML={{__html: 'httpLink'}} />},         
        ]}

列={[
{title:'Name'，field:'Name'}，
{标题：'LinkString'，字段：'link'}，
{标题：'链接'，字段：}，
]}

columns={[
          { title: 'Name', field: 'name' },
          { title: 'LinkString', field: 'link'},
          { title: 'Link', field:  <span dangerouslySetInnerHTML={{__html: 'httpLink'}} />},         
        ]}