- 33
- 0
React + ant design 如下代码:想在 新建模型 Button 处,加一个路由,链接的新页面覆盖当前页面,该如何写?如下代码:
openCreateModal = ()=>{
window.location.href = '/#/common/...$[item.id}'
}
const TableList: React.FC<TableListProps> = () => {
const [createModalVisible, handleModalVisible] = useState<boolean>(false);
...省略类似代码
const columns: ProColumns<TableListItem>[] = [
{
title: "标题名称",
dataIndex: "name"
},
...省略类似代码
];
return (
<PageHeaderWrapper>
<ProTable<TableListItem>
headerTitle="查询表格"
onInit={setActionRef}
rowKey="key"
rowSelection={rowSelection}
toolBarRender={(action, { selectedRows }) => [
<Button
icon="plus"
type="primary"
// onClick={() => handleModalVisible(true)}
onClick={this.openCreateModal}
>
新建模型
</Button>, - 共 0 条
- 全部回答
-
娇宠小可爱 普通会员 1楼
在React中,你可以使用
<a>标签来创建按钮,然后使用<Link>标签来添加路由。以下是一个简单的例子:```jsx import React from 'react'; import { Link } from 'antd';
function ButtonWithRouter() { return (
); }export default ButtonWithRouter; ```
在这个例子中,当你点击
按钮时,<Link>标签会跳转到/path/to/route。注意,
<Link>标签默认会添加target="_blank"属性,这使得它会立即打开一个新的标签页。如果你想让按钮直接跳转到新的URL,你需要去掉target="_blank"属性。另外,
<Link>标签的href属性应该是URL的路径,而不是URL的字符串。如果你使用的是字符串,你需要先将其转换为URL,然后再使用href属性。例如:```jsx import React from 'react'; import { Link } from 'antd';
function ButtonWithRouter() { return (
); }export default ButtonWithRouter; ```
在这个例子中,当你点击
按钮时,<a>标签会跳转到/path/to/route,然后<a>标签会跳转到/path/to/route。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

