首页 / REACT / react-router-dom

react-router-dom

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了react-router-dom，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含879字，纯文字阅读大概需要2分钟。

内容图文

1. BrowserRouter 与 HashRouter最显著的区别是，HashRouter的URL中含#，例如：http://example.com/#/your/page

2. Link 与 NaviLink 在页面中都会以<a></a>的形式渲染出来。

            <
            NavLink 
            to
            ="/react"
             activeClassName
            ="hurray"
            >
            
  React

            </
            NavLink
            >

NaviLink是一种特殊的Link, 当URL为to属性的值时，其style为activeClassName中指定的样式。

3. webpack内置就支持code splitting, 但要使用babel（将JSX编译为JavaScript）时，需安装 @babel/plugin-syntax-dynamic-import插件。

module.exports = {
    "presets": ["@babel/preset-react"],
    "plugins": ["@babel/plugin-syntax-dynamic-import"]
}

使用@loadable/component：

import loadable from "@loadable/component";
import Loading from "./Loading.js";
// 动态加载
const LoadableLogin = loadable(() => import("./login.js"), {
  fallback: <Loading />   // 加载时显示的组件
});

//在react-router中使用
<Route path="/" component={loadableLogin}></Route>

 

原文：https://www.cnblogs.com/ceceliahappycoding/p/12416068.html

内容总结

以上是互联网集市为您收集整理的react-router-dom全部内容，希望文章能够帮你解决react-router-dom所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1147053.html

来源：【匿名】