React中子组件无法进行路由跳转的问题
程序员文章站
2022-03-04 10:45:50
...
一把辛酸泪,框架内部皆有坑。
1、子组件引入withRouter
2、跳转路由this.props.history.push(’/’);
3、加入: export default withRouter(Title);
import {withRouter} from "react-router-dom";
class Title extends Component {
outLogin = () => {
//跳转路由
this.props.history.push('/');
}
}
export default withRouter(Title);
拿走,不谢
上一篇: 初次接触CSS变量
推荐阅读
-
路由跳转,router-view不显示组件页面的几个可能出现的问题及解决方案
-
项目非组件文件进行路由跳转【react与vue等其他框架均可使用】
-
react中 首页的隔代组件无法路由直接跳转到首页的问题解决方法
-
react-router-dom,react-router 在非组件内进行路由跳转
-
react(58)——使用路由的时候虽然不展示所有的路由,但是会一开始就加载所有的路由组件,使用Suspense组件和lazy函数进行解决
-
React组件卸载、路由跳转以及页面关闭(刷新)之前进行提示的实现方法
-
React组件卸载、路由跳转以及页面关闭(刷新)之前进行提示的实现方法
-
路由跳转,router-view不显示组件页面的几个可能出现的问题及解决方案
-
React中子组件无法进行路由跳转的问题
-
react中使用js的方式进行路由跳转