Question

我在React JS中使用Material-Table https://material-ui.com/components/tables/#material-table

我需要将用户重定向到该项目的单独编辑页面。

我不知道如何重定向到编辑页面。

Answer 1

您可以使用其文档中所述的“操作”属性：https://material-table.com/#/docs/features/actions

<MaterialTable
        ...
        actions={[
          {
            icon: 'edit',
            tooltip: 'Edit User',
            onClick: (event, rowData) => alert('You are editing ' + rowData.name)
          },
          {
            icon: 'delete',
            tooltip: 'Delete User',
            onClick: (event, rowData) => confirm('You want to delete ' + rowData.name)
          }
        ]}
      />

Answer 2

您可以按照文档中的说明使用<TableCell>，还可以创建自定义的onClick方法来在新页面中打开操作。

https://material-ui.com/components/tables/#sorting-amp-selecting

材料表编辑/删除按钮更改动作

2 个答案: