react路由
路由的基本使用
- 明确好界面中的导航区、展示区
- 导航区的a标签改为Link标签 Demo\
- 展示区写Route标签进行路径的匹配 <Route path='/xxxx' component={Demo}/>
- <App>的最外侧包裹了一个<BrowserRouter>或<HashRouter>
路由组件与一般组件
- 1.写法不同:
- 一般组件:<Demo/>
- 路由组件:<Route path="/demo" component={Demo}/>
- 2.存放位置不同:
- 一般组件:components
- 路由组件:pages
- 3.接收到的props不同:
-
一般组件:写组件标签时传递了什么,就能收到什么
-
路由组件:接收到三个固定的属性
-
常用的:
