路由组件与一般组件

533 阅读1分钟
  1. 写法不同:
    1. 一般组件:
    2. 路由组件:<Route path="/demo" component={Demo}/>
  2. 存放位置不同:
    1. 一般组件:components
    2. 路由组件:pages
  3. 接收到的props不同:
    1. 一般组件:写组件标签时传递了什么,就能收到什么
    2. 路由组件:接收到三个固定的属性
      1. "history":
        1. "go": ƒ go(n)
        2. "goBack": ƒ goBack()
        3. "goForward": ƒ goForward()
        4. "push": ƒ push(path, state)
        5. "replace": ƒ replace(path, state)
      2. "location":
        1. "pathname": "/about"
        2. "search": ""
        3. "state": undefined
      3. "match":
        1. "params": {}
        2. "path": "/about"
        3. "url": "/about"