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

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

---

方法1：

// 引入
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>
  )
}


方法2：

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

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

)
}