react-router中有哪些路由模型?
1、HashRouter
HashRouter使用URL的哈希部分(即#后面的部分)来匹配路由,它不会向服务器发送请求。例如,URL可以是http://example.com/#/about。HashRouter兼容性比较好,哪怕浏览器不支持HTML5 History API也可以正常使用。
2、BrowserRouter
BrowserRouter使用HTML5 History API来匹配路由,使用 HTML5 的 pushState 和 replaceState API 来实现路由的切换。它可以隐藏URL中的#符号,使URL更加友好。例如,URL可以是http://example.com/about
3、MemoryRouter
MemoryRouter是一个不依赖于浏览器历史记录的路由器。它将URL存储在内存中,而不是浏览器历史记录中,适用于测试或在不支持HTML5 History API的环境中使用
4、StaticRouter
StaticRouter是一个用于服务器端渲染的路由器。它将请求的URL作为参数传递给组件,并将组件的输出发送回客户端。这样就可以在服务器端生成动态HTML,然后将其发送到浏览器。
5、NativeRouter
NativeRouter是用于React Native应用的路由器,它使用Native导航而不是HTML导航来匹配路由
相关推荐HOT
更多>>React.PureComponent 和 React.memo的区别是什么?
1、继承关系React.PureComponent是一个React组件类,可以被继承;而React.memo是一个高阶组件,不能被继承。2、比较方式React.PureComponent使用...详情>>
2023-05-15 17:33:06react-router中有哪些路由模型?
1、HashRouter HashRouter使用URL的哈希部分(即#后面的部分)来匹配路由,它不会向服务器发送请求。例如,URL可以是http://example.com/#/a...详情>>
2023-05-15 17:29:08setState同步还是异步的?
分版本来讲,在 react17 中,setState 是批量执行的,因为执行前会设置 executionContext。但如果在 setTimeout、事件监听器等函数里,就不会设...详情>>
2023-05-09 15:21:20怎么将string字符串转换成byte[]数组?
例如,使用默认字符集转换可以如下所示: 也可以指定字符集: 这将使用UTF-8字符集将字符串转换成字节数组。详情>>
2023-04-25 17:14:58热门推荐
context祖孙传值是什么?
沸React.PureComponent 和 React.memo的区别是什么?
热react-router中有哪些路由模型?
热什么是Concurrent React?
新react17后删除了那些生命周期?为什么?
setState同步还是异步的?
useLayoutEffect和useEffect有哪些不同?
为什么map的时候要加key?
什么是redux?
为什么会出现ref?
防抖和节流是什么?
vue的计算属性,特性,应用是什么?
负载均衡原理是什么?
怎么将string字符串转换成byte[]数组?