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

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

1.写法不同

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

2.存放位置不同

// 一般组件 component
// 路由组件 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"