当前位置: 首页 > 后端技术 > Node.js

React-Router实现原理,解决什么问题?

时间:2023-04-03 19:48:04 Node.js

React-Router解决了什么问题?首先是搭配React组件,可以组织React组件的结构代码,授权路由的控制。显示什么样的组件,通过React-Router来匹配。如何使用React-Router?首先你要下载npm包,这样你在项目中导入时可以参考react-router提供的API。//有两种方式npminstall--savereact-routeryarnaddreact-routerReact-RoutercoreAPIimport{Router,Route,Switch}from'react-router'//Router,Route,Switch是干什么的?首先,它们都是基于React.createElement构建的,也就是JSX组件的路由。至于Router、Route、Switch是干什么的。去官方文档,它描述了每个组件路由的作用。你可以去npm、github或者官网。是React-router最重要的组件。路由最重要的职责是渲染UI,但有一个条件位置变量来匹配路由的路径。一旦路径匹配,就可以渲染传入的组件。只要整个应用程序的位置与路由路径匹配,您的组件就会呈现。传入的组件有3种渲染方式,匹配定位路径,渲染对应的组件,返回一个对象。