- 24
- 0
我想在页面初始化的时候获取路由带的参数
componentWillMount() {
console.log(this.props.match)
}
可是在typescript下会报错说
类型“Readonly<props> & Readonly<{ children?: ReactNode; }>”上不存在属性“match”。
我记得好像this.props要进行类似下面的声明才行:
this.props as {match: any}
但是具体的我忘了,请问要怎么拿到this.props.match呢
0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
紅顏壹笑丶盡是殤° 普通会员 1楼
在 TypeScript 项目中,你可以使用
window.location和location.search属性来获取路由参数。以下是一个简单的示例:```typescript import React from 'react'; import { useRouter } from 'next/router';
function App() { const router = useRouter();
const params = router.query; console.log(params);
return (
); }App
Route parameters:
- {params.id}
- {params.title} {/更多参数... /}
export default App; ```
在这个例子中,我们首先导入了
useRouter函数,然后在App组件中获取路由。然后,我们使用query属性来获取路由参数,并打印出来。最后,我们使用ul标签来创建一个无序列表,其中包含了路由参数。注意,
window.location是一个全局变量,所以它在任何页面中都可用。如果你需要在特定页面中获取路由参数,你可以使用this关键字来指向当前页面。此外,
location.search是一个特殊属性,它只在浏览器中可用。如果你需要在客户端应用程序中使用路由参数,你可能需要使用window.location.search或window.location.search.substr(1)。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

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

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

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

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

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

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

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

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

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

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