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"