标签：需要 out super 情况下 one direct exp port nbsp
作用：把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上
withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中.此时这个组件就具备了路由的属性1 import { Switch, Route, Redirect, withRouter } from "react-router-dom"; 2 3 import Home from "./components/Home.jsx"; 4 import User from "./components/User.jsx"; 5 6 class App extends React.Component { 7 constructor(props) { 8 super(props) 9 console.log(props) // 此时props里就具备了路由对象
10 } 11 render() { 12 return ( 13 <div> 14 <Switch> 15 <Redirect from="/" to="/home" exact /> 16 <Route exact path="/home" component={Home}></Route> 17 <Route exact path="/user" component={User}></Route> 18 </Switch> 19 </div> 20 ); 21 } 22 } 23 24 export default withRouter(App); //参数是一个组件，返回一个组件
props.history.listen((e) => { console.log(e, ‘开启了withRouter‘) })
标签：需要 out super 情况下 one direct exp port nbsp
原文地址：https://www.cnblogs.com/shun1015/p/13571164.html
