君陌离的博客

vuePress-theme-reco 君陌离    2018 - 2020
君陌离的博客 君陌离的博客

Choose mode

  • dark
  • auto
  • light
首页
我的作品
  • 项目橱窗
  • blog模板
分类
  • 数据库
  • CSS
  • 摘记
  • JS
  • Node
  • Vue
  • React
  • GIT
  • Promise
  • Liunx
  • Xshell
  • ajax
  • WINDOWS
  • Python
  • 随笔
  • 脚手架
  • node
  • 自动化
标签
笔记
时间线
About Me
  • 关于我
  • 赞赏
Contact
  • GitHub
  • QQ
author-avatar

君陌离

70

文章

90

标签

首页
我的作品
  • 项目橱窗
  • blog模板
分类
  • 数据库
  • CSS
  • 摘记
  • JS
  • Node
  • Vue
  • React
  • GIT
  • Promise
  • Liunx
  • Xshell
  • ajax
  • WINDOWS
  • Python
  • 随笔
  • 脚手架
  • node
  • 自动化
标签
笔记
时间线
About Me
  • 关于我
  • 赞赏
Contact
  • GitHub
  • QQ
  • HTML5

  • JS

  • 微信小程序

  • 数据库

  • React

    • 与Vue相比React的指令使用方法
    • React采坑记录
    • react路由跳转、传参3中方式及区别
    • React生命周期执行顺序
  • Vue

  • vuepress

React采坑记录

vuePress-theme-reco 君陌离    2018 - 2020

React采坑记录

君陌离 2020-08-12 14:44:26 ReactReact采坑记录

# React中子组件无法进行路由跳转的问题

  • 子组件引入withRouter
import {withRouter} from "react-router-dom";

class Title extends Component {
 outLogin = () => {
 //跳转路由
  this.props.history.push('/');
   }
  }
export default withRouter(Title);
1
2
3
4
5
6
7
8
9

# Switch作用

  • 为了解决route的唯一渲染,它是为了保证路由只渲染一个路径。

# exact作用

  • 只有页面的路由和<Route>的path属性精确比对后完全相同该<Route>才会被渲染。
欢迎来到 您的站点名称($site.title)
看板娘