logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

React Router:应用路由器

在前端应用中使用URL路由能让用户访问不同页面。在React应用里,使用React Router提供的功能来实现路由,主要用于订阅并操作浏览器的历史堆栈,并根据当前URL匹配定义的路由以显示对应的界面。要使用React Router,需要通过npm安装指定版本的react-router-dom包,然后在项目的app模块下创建app router.tsx文件。在文件中定义名为AppRouter的组件,推荐在浏览器上使用BrowserRouter作为React Router的路由器类型。在React入口文件index.tsx里,导入AppRouter组件并将其设置为应用的显示组件。这时,应用界面尚不显示内容,后续需要配置路由器内的路由。