react-router与react、react-dom的版本问题

最新推荐文章于 2024-05-14 09:50:33 发布
最新推荐文章于 2024-05-14 09:50:33 发布
阅读量4.8k 收藏 1
点赞数 1
分类专栏： react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaocuizao/article/details/100883724
版权

react-router@3.0.0版本对应的react,react-dom的版本为15.3.0

react-router-dom 的版本对应的react 、react-dom是最新版本16.9.0

{
  "name": "16",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "axios": "^0.19.0",
    "http-proxy-middleware": "^0.20.0",
    "react": "^16.9.0",
    "react-dom": "^16.9.0",
    "react-redux": "^7.1.1",
    "react-router-dom": "^5.0.1",
    "react-scripts": "3.1.1",
    "redux": "^4.0.4",
    "redux-thunk": "^2.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

 "react": "15.3.0",
    "react-dom": "15.3.0",
    "react-redux": "5.0.6",
    "react-router": "^3.0.0",
    "react-scripts": "3.1.1",
    "redux": "^4.0.4",
    "redux-thunk": "^2.3.0"

注意：去掉版本前面的尖角号

xiaocuizao
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【React】SPA - 路由机制 - react-router-dom - 基本路由 - 嵌套路由 - 传递参数 - 路由跳转
YK菌的博客
06-15 1360
前端路由
React16+react-router-dom初步使用心得
Hhalcyon的博客
07-24 422
本文不讲怎么安装，讲怎么使用。 单位做项目用的React，在闲的时候想自己试试，写写小demo练下手。React上手没几天，主要是以前学过，但是后来偷懒用Vue写页面，不知不觉已经React16了，按照记忆的路线，删删改改脚手架的文件夹后，惊讶的发现并不能start，看了看package.json后，更一头雾水。 度娘了一下，关于这方面的资料比较少，多数的解释是你看看node_modules的源文件，可以看到XXXXX。。。远水治不了近渴，首要的，是让我的小demo能够运行起来，经过我的多次失败的尝试，总
React学习31（react-router-dom 6.x版本的使用）
xiaojian044的博客
12-19 1002
react-router-dom6使用说明
2024年最全React16源码解读：揭秘ReactDOM，2024年最新分享一次面试经历
最新发布
erhtre的博客
05-14 421
大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】// 判断是否需要融合// 针对客户端渲染的情况，需要将container容器中的所有元素移除。
react-router-dom V5版本 路由搭建
qq_38523172的博客
08-01 3417
React脚手架React版本16.14.0Reactrouterdom版本5.3.3TinperUI组件库版本4.3.1。
react-router-dom 主版本号6.x.x基本使用方法
无聊写写~
03-02 920
react-router-dom 主版本号6.x.x基本使用方法 目前我使用的react-router-dom版本为6.2.2，网上大部分开源项目和文档中，这个依赖的版本是5.x.x，主版本进行了一次更新，因此，部分api发生了一些变化。 在最新的版本中，react-router-dom删除了Switch组件，添加了Routes组件，在最基本的使用当中，将Routes组件替换成Switch组件即可，Route组件中原来的component参数变更为了element，那么基本使用方法Demo: import
react-router:react-router 中文文档
04-29
react-router-dom React路由器的DOM绑定 react-router-native 用于React路由器的React Native绑定 react-router-redux Integration with React Router and Redux react-router-config 静态路由配置助手 About react-...
koa-react-router：用于koa 2的react-router中间件
02-03
npm install koa-react-router react react-dom react-router --save 注意： react react-dom和react-router都是koa-react-router peerDependencies 。 可以将koa-react-router轻松安装在koa 2应用程序中，如下所...
react-router-cache-route:使用类似React-Router的缓存进行路由在Vue
05-11
如果只想要<KeepAlive> ，请尝试React v15 + React-Router v4 +问题使用Route ，前进或后退时无法缓存组件，这会导致数据丢失和交互原因与解决方案Route不匹配时，组件将被卸载阅读源代码之后Route ，我们发现使用...
react-router-dom-demo
07-21
在React开发中，路由管理是不可或缺的一部分，而`react-router-dom`是React社区广泛使用的路由库，它使得在单页应用（SPA）中实现页面间的导航变得简单易行。本项目"react-router-dom-demo"专注于演示如何在React...
react-router-CN：React Router V4中文文档
02-19
用于DOM绑定的React Router 用于的React路由器 React Router和Redux的集成 静态路由配置帮助助手 加群交流 React技术交流1群（已满）： React技术交流2群： 鸣谢 感谢支持React Router的开发。 另外，感谢提供...
React踩坑：react-router-dom版本更新写法问题
qq_56423581的博客
06-02 410
react-router-dom版本6写法:在外层嵌套一个routes就好了 Warning: Functions are not valid as a React child. This may happen if you return a Component instead of from render. Or maybe you meant to call this function rather than return it. 也可以把版本改为5...
react配置路由结合react-router-dom和react-router-config
qq_41732963的博客
04-17 1796
一、安装依赖 yarn add react-router-dom@5 yarn add react-router-config 注意：这里有个小坑，react-router-dom在v5版本升级到v6版本有一些变换。 (1) Switch 重命名为 Routes (2) Route 的新特性变更 ,component/render被element替代 所以安装react-router-dom需要安装5版本否则将会出现以下错误： 二、配置路由 import HYDiscover from "../page
react-router-dom v6版本的详细配置与使用
qq_51721168的博客
07-20 1377
react-router-dom更新到v6也有一段时间了，今天抽时间学习了一下，下面是我的一些总结，
[react]react-router-dom 与 redux 版本升级
前端
12-28 1310
import {},return {},//对使用到的状态更新return {},return {},},/*** 触发的处理函数* @param state 设置一个初始值，若没有显示该初始值*/})default:/*** 身份证号*/})default:/***/})default:/***/})default:/*** 多个reducer方法*/})phone: "",});});});
React 16.8.6 学习笔记【2】【react & react-dom &jsx】
qq_42514643的博客
08-07 336
React 学习笔记 【react & react-dom & jsx】 react【渐进式框架】 一种最流行的框架设计思想，一般框架中都包含了很多内容，这样导致框架的体积过于臃肿，拖慢加载的速度。真实项目中，我们使用一个框架，不一定用到所有的功能，此时我们应该把框架的功能进行拆分，用户想用什么，让其自己自由组合即可。 全家桶：渐进式框架N多部分的组合 VUE全家桶：vue-...
React路由(含新老版对比)
weixin_43604021的博客
08-09 742
React路由
React生态之react-router-dom、react-router
June.1
03-27 405
关于 react-router 4.0以上版本已经不需要路由配置,直接配置使用组件。 react-router :提供了一些router的核心Api , 包括Router、Route 、Switch 等 react-router-dom 提供了BrowserRouter、HashRouter、Route、 Link、NavLink、Router、Route 、Switch 等 所以WEB端直...
前端小知识：react-router-dom 和 react-router 的区别
倾听风的声音，跟随风的脚步！
06-12 428
React v4以后，react-router 导出所有core组件和函数。react-router-dom导出了dom相关的组件，像Link(which renders an <a>) 和<BrowserRouter> (which interacts with the browser's window.history )。 react-router-dom导出了所有的react-router的导出，所以正常来说使用react-router-dom或者react-native即可
react-dom 需要与react-router-dom 版本对应
06-03
是的，`react-dom` 和 `react-router-dom` 两个库需要版本对应。React Router 官方文档中建议使用以下版本组合： - `react-router-dom@5.x` 需要 `react@16.8.x` 或更高版本和 `react-dom@16.8.x` 或更高版本； - `react-router-dom@6.x` 需要 `react@17.x` 或更高版本和 `react-dom@17.x` 或更高版本。 这意味着，如果你在使用 React Router v5，则需要确保你的 React 和 React DOM 库版本都不低于 16.8.x。同样地，如果你在使用 React Router v6，则需要确保你的 React 和 React DOM 库版本都不低于 17.x。 在实际开发中，如果你使用了不同的版本组合，可能会导致一些问题，例如路由无法正常渲染、页面崩溃等。因此，建议在使用 React Router 时，务必按照官方文档中推荐的版本组合来安装和使用相关的库。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值