React
内部では、コンポーネントは次のように分割されています一般组件
。路由组件
- の場合:値を渡さないと、何も受け取りません。渡し
props
たものは、何も受け取りません。一般组件
props
一つ、一般组件
入れcomponents
て、路由组件
入れpages
て
第二に、ルーティングコンポーネントと一般的なコンポーネントの違い
路由组件与一般组件
1.写法不同:
一般组件:<Demo/>
路由组件:<Route path="/demo" component={
Demo}/>
2.存放位置不同:
一般组件:components
路由组件:pages
3.接收到的props不同:
一般组件:写组件标签时传递了什么,就能收到什么
路由组件:接收到三个固定的属性
history:
go: ƒ go(n)
goBack: ƒ goBack()
goForward: ƒ goForward()
push: ƒ push(path, state)
replace: ƒ replace(path, state)
location:
pathname: "/about"
search: ""
state: undefined
match:
params: {
}
path: "/about"
url: "/about"