react-router的基本介绍

V4版本被分割成以下几个部分:

react-router(核心), react-router-dom(浏览器用), react-router-native(原生移动应用);

使用方法:

yarn add 或 npm install

BrowserRouter 和 HashRouter的异同点:

相同点: 均可使用在浏览器中
不同点: BrowserRouter适用于非静态站点; HashRouter 适用于静态的url;

Route 组件的属性:

1, 常用属性有: path, component, exact;
2, 非常用属性有: strict(路径只匹配以斜线为结尾), render, children;
注意点: 使用render属性时要使用箭头函数进行渲染;

Link组件:

1, 重新加载页面里和当前URL匹配的部分, 不会重新加载整个页面;
2, 需要使用to属性, 属性值可以使字符串, 也可以是location;
3, NavLink是Link的一个子类, 在其基础上增加了绘制组件的样式;