如何在 Material UI TableRow 上放置 React Router Link

Question

我正在尝试在我的Material UI TableRow元素上放置一个Link组件表单React Router Dom

<TableRow component={Link as any} to={`/company/${company.id}`} className="clt-row" key={company.id}>

但我不断收到以下错误

Property 'to' does not exist on type 'IntrinsicAttributes & TableRowProps & { children?: ReactNode; }'.  TS2769

我该如何解决这个错误？

Answer 1

行需要单元格。 component prop 表示要用于行的根节点的组件。 它默认只是一个tr但可以是任何将tr渲染为根节点的组件。

<TableRow>
    <TableCell colSpan={3}> // or however many columns are in your table
        <Link to={`/company/${company.id}`} className="clt-row" key={company.id} />
    </TableCell>
</TableRow>