React-37:withRouter的使用

简介: React-37:withRouter的使用

使用场景

  • 使得一般组件能够像路由组件一样使用history等路由组件才具有的API

第一步:引入

  • 在一般组件中引入withRouter

image.png

第二步:布置函数

image.png

第三步:暴露封装好的组件

image.png

相关文章
|
5月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
337 0
|
5月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
69 0
|
5月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
70 0
|
5月前
|
存储 前端开发 JavaScript
【第29期】一文学会用React类组件编写组件
【第29期】一文学会用React类组件编写组件
71 0
|
5月前
|
前端开发 开发者
【第26期】一文读懂React组件编写方式
【第26期】一文读懂React组件编写方式
58 0
|
5月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
112 0
|
5月前
|
存储 前端开发 中间件
React组件间的通信
React组件间的通信
48 1
|
5月前
|
前端开发 JavaScript API
React组件生命周期
React组件生命周期
112 1
|
5月前
|
存储 前端开发 JavaScript
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
探索 React Hooks 的世界:如何构建出色的组件(下)
|
5月前
|
缓存 前端开发 API
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)
探索 React Hooks 的世界:如何构建出色的组件(上)