React js路由跳转 [TypeScript]

最新推荐文章于 2025-02-28 17:06:48 发布

Double__D

最新推荐文章于 2025-02-28 17:06:48 发布

阅读量879

点赞数

分类专栏： React

本文链接：https://blog.youkuaiyun.com/qq_42389120/article/details/109046298

版权

React withRouter RouteComponentProps history push

关键词由优快云通过智能技术生成

React 专栏收录该内容

3 篇文章

订阅专栏

这是一个关于在React应用中使用`withRouter`高阶组件的示例。`App`组件定义了一个`onOpen`方法，该方法将路由推向根路径。通过`withRouter`包裹，`App`组件能够访问路由属性，如`history`，以便进行导航操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

app.tsx

import { withRouter } from 'react-router'

interface Props extends RouteComponentProps {

}

const App: React.FC<Props> = (props) => {
 function onOpen() {
    props.history.push("/")
  }
}

const Singer = withRouter(App as any);
export default Singer;