react-router:react-router 用法及封装路由权限验证高阶组件

时间:2024-05-20 06:56:13
【文件属性】:

文件名称:react-router:react-router 用法及封装路由权限验证高阶组件

文件大小:97KB

文件格式:ZIP

更新时间:2024-05-20 06:56:13

JavaScript

react-router-demo 所有通过路由渲染的组件属性中会多三个属性 history, match, location 可以通过 this.props.history.push('/user/list') 跳转路径 withRouter 把当前组件包装成一个Router组件 是一个高阶组件,通常通过路由渲染的页面会有三个属性 history, match, location,可以通过history做路由跳转。但是其他组件是没有这三个属性的,如果想通过js进行路由跳转,可以用withRouter实现 +import {withRouter} from 'react-router-dom' +export default withRouter(组件名) NavLink NavLink 有个默认功能,自动为点击的添加一个class=“active”


【文件预览】:
react-router-master
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------favicon.ico(4KB)
----src()
--------containers()
--------components()
--------routers()
--------index.js(208B)
----README.md(682B)
----.gitignore(285B)
----package-lock.json(404KB)
----package.json(415B)

网友评论