查看无状态组件的props
import React, {Component} from 'react'
import Home from "./components/Home"
import User from "./components/User"
import Phone from "./components/Phone"
import {Route,Link,NavLink,Switch,Redirect} from 'react-router-dom'
function App(props){
console.log(props)
return (
<div className="App">
你好
<div>
<Link to='/home'>点我去home</Link>
<Link to='/user'>点我去user</Link>
<Link to='/phone'>点我去phone</Link>
<NavLink to='/home'>点我去home</NavLink>
<NavLink to='/user'>点我去user</NavLink>
<NavLink to='/phone'>点我去phone</NavLink>
</div>
<Switch>
<Route path='/' exact component={Home} />
<Route path='/home' component={Home} />
<Route path='/user' component={User} />
<Route path='/phone' component={Phone} />
<Route path='/phone' component={Phone} />
<Redirect from='/' to='/home' exact />
</Switch>
</div>
)
}
export default App;
无状态组件props为空
phone.js