React-26：React中路由组件和一般组件的区别

一 写法不同

一般组件：<Demo/>
路由组件：<Route path="/demo" component={Demo}/>

二 存放位置不同

一般组件：components
路由组件：pages

接收到的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”