Skip to content

Latest commit

 

History

History
11 lines (6 loc) · 802 Bytes

router.md

File metadata and controls

11 lines (6 loc) · 802 Bytes

Route可以向绑定的组件传递7个属性

children,history,location,params,route,routeParams,routes

每个属性都包涵路由的相关的信息。

children(以路由的包涵关系为区分的组件), location(包括地址,参数,地址切换方式,key值,hash值)。

react-router提供Link标签,这只是对a标签的封装,值得注意的是,点击链接进行的跳转并不是默认的方式,react-router阻止了a标签的默认行为并用pushState进行hash值的转变。切换页面的过程是在点击Link标签或者后退前进按钮时,会先发生url地址的转变,Router监听到地址的改变根据Route的path属性匹配到对应的组件,将state值改成对应的组件并调用setState触发render函数重新渲染dom。