解决多个react版本冲突的问题
1、外层demo服务调起时，调用sdk的模块会依赖sdk开发的node_modules的依赖导致产生两个react实例在demo项目中。为了能快速调试，解决这个问题，对demo的package.json进行了修改让react使用sdk里的react。
2、React最终编译打包后都在一个html页面中，如果在两个组件中取一样类名分别引用在自身，那么 后者会覆盖前者 。 默认情况下，只要导入了组件，不管组件有没有显示在页面中，组件的样式就会生效。
3、处理冲突办法是在build.gradle文件里添加一下配置：APP运行起来后，又出现crash：网上搜索到，和ReactNative的版本有关，0.62以上版本有这个问题。
create-react-app4和5的区别
react里面的交JSX，即javascript + xml。JSX里面的插入变量，需用{}，里面只支持表达式，不支持语句，例如（if else 则不能插入）创建一个react项目，命令：create-react-app 项目名。
create-react-app的目录结构 以上2个步骤也有antd官网提供简化版本。 创建cra-antd typescript 对package.json进行修改 在项目 根目录 创建一个 craco.config.js 用于修改默认配置。
props 生命周期和state 事件 React主要是用于构建用户界面的 JavaScript 库，实现单页面应用。
，react的一些框架和一些轮子：4，一个渐进的学react的demo。里面基本上涉及到了，react入门的所有涵盖的知识，他都是自己搭的，没有使用脚手架工具。里面也涵盖了webpack的一些配置，对于新手学习蛮好的。
React新旧版本对比总结归纳(生命周期篇)
1、结论：对于新生命周期③和④作用基本是一致的，都是用于封装错误边界，收集边界下后代组件构造函数中发生的错误信息并作出对应处理。不同的是调用时间和返回参数。
2、render函数会插入jsx生成的dom结构，react会生成一份虚拟dom树，在每一次组件更新时，在此react会通过其diff算法比较更新前后的新旧DOM树，比较以后，找到最小的有差异的DOM节点，并重新渲染。
3、React13之后React的 Reconciler 架构被重写(Reconciler用于处理生命周期钩子函数和DOM DIFF)，之前版本采用函数调用栈递归同步渲染机制即Stack Reconciler，dom的diff阶段不能被打断，所以不利于动画执行和事件响应。
4、phase2的生命周期是不可被打断的，React 将其所有的变更一次性更新到DOM上。这里最重要的是phase1这是时期所做的事。因此我们需要具体了解phase1的机制。
5、React组件的生命周期可以分为挂载、渲染和卸载这几个阶段，当渲染后的组件更新后，会重新渲染组件，直到卸载。先分阶段来看看每个阶段有哪些生命周期函数。
react18出来了17还要学么
找工作时发现有一些公司是以React作为技术栈的，而且薪资待遇都不错，为了增加生存的筹码，所以还是得去学一下React，增加一项求生技能。因为我用Vue0开发项目已经四年了，故用Vue0开发项目的思路来学习React。
从v16开始，React团队就在普及并发的概念。在v18的迭代过程中(alpha、Beta、RC)，也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。 2022年3月29号，React18正式版发布。
在React 18 之前，我们只在 React 事件处理程序期间批量更新。默认情况下，React 中不会对 promise、setTimeout、本机事件处理程序或任何其他事件中的更新进行批处理。
我自己的一些总结，单单学react是不难的，难的是要和一些工具混合来用，往往这个过程的成本最高。比如使用webpack构建，redux管理状态， redux-thunk 或者 redux-saga 来处理异步action。
感兴趣的话点击此处，免费学习一下【web前端学习】具体内容如下Web前端编程语言和开发技术，这些是必须要学会的，其中包括：CSS、HTML、Ajax、JavaScript等。优化网站性能、SEO和服务器端的基础知识。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
