React 路由组件和一般组件的区别

1、写法不同

          一般组件：<Header />
          路由组件：<Route path="/about" exact={false} element={<About />} />

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"