路由组件与 一般组件的区别

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"
 
 

posted @ 2021-05-06 13:47  被牛虻影响的龙  阅读(459)  评论(0)    收藏  举报