在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}
}>
编辑
)
}