如何使用reactjs material-table显示表单元格中的html链接

npm install @material-ui/core
npm install material-table

import React from 'react';
import MaterialTable from 'material-table';
import { Link } from 'react-router-dom';

function TableWithLink() {
  const data = [
    { name: 'Link 1', link: 'https://example.com/link1' },
    { name: 'Link 2', link: 'https://example.com/link2' },
    // 添加更多数据项...
  ];

  const columns = [
    { title: '名称', field: 'name' },
    { title: '链接', field: 'link', render: rowData => <Link to={rowData.link}>{rowData.link}</Link> },
  ];

  return (
    <MaterialTable
      title="表格标题"
      columns={columns}
      data={data}
    />
  );
}

function App() {
  return (
    <div className="App">
      <TableWithLink />
    </div>
  );
}