在AntD的table里面实现点击按钮跳转路由

在AntD的table组件的操作栏里面，实现点击按钮跳转到路由指定路由，并携带参数

第一种

// 引入
import { useHistory } from "react-router-dom";
// 处理逻辑
let history = useHistory();
const onDetail = (row: ITableNode) => {
   let id: string = row.key
    history.push(`/havePowerDetail/${id}`)
  }
{
      title: '操作',
      key: 'action',
	  render: (row: ITableNode) => (
	      <Button type="link" onClick={() => {
	               onDetail(row)
	       }}>查看详情</Button>
  )
}

第二种（推荐）

import { Link } from "react-router-dom";

{
      title: '操作',
      key: 'action',
      render: (row: ITableNode) => (
        <Link to={`/havePowerDetail/${row.key}`}>
          编辑
        </Link>
      )
    }