在react中实现keepAlive的插件
此插件可以满足缓存上一页的功能，即：返回上一页的时候，上一页的滚动条、动作状态等等和离开这个页面时的状态保持一致。搭配 react-router 工作的、带缓存功能的路由组件，类似于 Vue 中的 keep-alive 功能。
原理应该是把Alive组件下的dom挂载到Provider组件的display：none的一个节点，当路由切回来时，在从provider中找之前挂在的alive dom。作者已经帮我们实现了，用就是了。
在React Native0.43版本中引入了FlatList，SectionList与VirtualizedList，其中VirtualizedList是FlatList 与 SectionList 的底层实现。
2022年前端React的100道面试题的第17题:Ref的使用
1、首先，能够使用ref的child Component必然是一个类，如果要实现，必然要破坏child component的封装性，直接到child component中获取其中DOM。
2、ref可以是字符串，也可以是函数，如下：render(){ return View ref=name ///将组件view作为参数赋值给了this._view}这样你就可以通过this.refs.name取到这个View组件。
3、react中获取dom有以下提供三种方法：react原生函数findDOMNode获取dom 通过ref来定位一个组件，切记ref要全局唯一（类似id）ref Callback 属性 React支持一种非常特殊的属性，你可以附加到任何的组件上。
4、React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 diffing 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff 的结果来更新 DOM。
5、在React中， 如果是由React引发的事件处理(比如通过onClick引发的事件处理)，调用setState不会同步更新this.state，除此之外的setState调用会同步执行this.state 。
关于React升级版本后造成白屏
因为对react路由不熟悉react反向代理非常容易出现白屏现象，这是因为对于react路由的不熟悉和对于第三方模块包的不熟悉导致的。
最近接到大屏需求全部都是图表展示，在测试的时候有两次白屏了，这让我担心会不会是内存泄漏导致的毕竟Echarts真的有这个问题哈。
建议重启手机尝试：同时按住电源键和下音量键7秒以上重启设备；若再次打开后依然花屏，此情况可能和使用的软件有关。若是自行下载的软件，建议卸载软件重新安装。
显卡接触不良故障， 显卡接触不良通常会引起无法开机且有报警声或系统不稳定死机等故障。造成显卡接触不良的原因主要是显卡金手指被氧化、灰尘、显卡品质差或机箱挡板问题等。
对于无法排除的第三方依赖库问题，进行全部屏蔽，逐一放开测试，最终定位于react-native-device-info库中，该版本implementation了‘com.google.android.gms：play-services-gcm，导致。在主工程的build.gradle中配置如下解决。
react18出来了17还要学么
1、找工作时发现有一些公司是以React作为技术栈的，而且薪资待遇都不错，为了增加生存的筹码，所以还是得去学一下React，增加一项求生技能。因为我用Vue0开发项目已经四年了，故用Vue0开发项目的思路来学习React。
2、从v16开始，React团队就在普及并发的概念。在v18的迭代过程中(alpha、Beta、RC)，也一直在科普并发特性，所以正式版发布时，已经没有什么新鲜特性。 2022年3月29号，React18正式版发布。
3、要学会整合知识点。把需要学习的信息、掌握的知识分类，做成思维导图或知识点卡片，会让你的大脑、思维条理清醒，方便记忆、温习、掌握。同时，要学会把新知识和已学知识联系起来，不断糅合、完善你的知识体系。
4、这就造成了学React Native要去看React.js文档，说React Native不时会说到React.js的情况。如果开发者只想关注移动应用开发，那么在React.js的如何开发网页的文档中整理出来React基础框架知识是件不轻松的活儿。
create-react-app4和5的区别
因为react项目多为SPA项目，用于生产部署时，存在首屏响应过慢导致用户难以忍受等待时间从而流失问题。一般导致首页响应过慢的原因有很多，网络问题是其中之一。本文记录通过七牛云免费CDN部署react项目。
建议用UmiJS来构建项目，而不是用create-react-app，UmiJS几乎已经把需要用的配置、插件都已处理集成好了，可以省很多事。如果用create-react-app则基本是从0开始，所有配置都需要自己去处理，难度比较大。
react里面的交JSX，即javascript + xml。JSX里面的插入变量，需用{}，里面只支持表达式，不支持语句，例如（if else 则不能插入）创建一个react项目，命令：create-react-app 项目名。
在使用 create-react-app 时，打包生产环境 npm run build ，浏览器打开后仍然是可以看到源码的。
Node 10 --- node-sass 9+ Node 8 --- node-sass 3+ 题外话 若要使用SASS MODULE，则需要将*.scss文件改为*.module.scss。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
