react
clf_programing
不定期发布有关RN以及React的资料,相关技巧以及踩坑记录,不发布官网文档里已经存在的资料,只发布在开发项目时遇到的坑以及解决方案,让大家都少走弯路,一起相互学习吧。
展开
-
React v16.3新生命周期
关于React v16.3 新生命周期变更的部分react v16.3终于出来了,最大的变动莫过于生命周期去掉了以下三个componentWillMountcomponentWillReceivePropscomponentWillUpdate同时为了弥补失去上面三个周期的不足又加了两个static getDerivedStateFromPropsgetSnapshotBeforeUpdate当然...转载 2018-05-25 12:54:59 · 4394 阅读 · 0 评论 -
'react-scripts' 不是内部或外部命令,也不是可运行的程序 或批处理文件--解决方案
使用create-react-app创建的React项目时,有时在安装完其他组件后,再次运行 npm start 命令时会报以上错误,让我很郁闷,不过在上网搜了这个错后原来:是create-react-app有丢包的缺陷,手动安装包后,需要重新npm install一下,这样node_modules/.bin/目录下才会重新出现react-scripts的文件,这样npm start命令才能正常执...原创 2018-05-21 21:53:55 · 51635 阅读 · 3 评论 -
Module not found: Can't resolve 'react' in 'E:\GitHub\computer_examination\src'--解决方案
Module not found: Can't resolve 'react' in 'E:\GitHub\computer_examination\src',这个错误是由于手动安装依赖包后导致某些包丢失问题导致的,原因如下:是create-react-app有丢包的缺陷,手动安装包后,需要重新 npm install 一下,这样 npm start命令才能正常执行。解决方案:npm instal...原创 2018-05-21 21:58:35 · 14710 阅读 · 1 评论 -
React里单页面div自适应浏览器高度占满屏幕
思路:可以用绝对定位方式,让div占满屏幕,css样式如下: height: 100%; width: 100%; position: absolute; top: 0px; bottom: 0px;例子:render() { return ( <body> <div className="container"> &...原创 2018-05-15 19:19:53 · 10847 阅读 · 0 评论 -
React性能优化总结
初学者对React可能满怀期待,觉得React可能完爆其它一切框架,甚至不切实际地认为React可能连原生的渲染都能完爆——对框架的狂热确实会出现这样的不切实际的期待。让我们来看看React的官方是怎么说的。React官方文档在Advanced Performanec这一节,这样写道:One of the first questions people ask when considering Re...转载 2018-05-26 11:20:49 · 551 阅读 · 1 评论 -
使用Perf工具研究React Key对渲染的影响
使用React的开发版本时常会遇到这样的情况:渲染列表时, 不为数组的每一项设置key, 则控制台会警告Warning: Each child in an array or iterator should have a unique “key” prop.Check the render method of Constructor.See http://fb.me/react-warning-ke...转载 2018-05-26 11:52:48 · 317 阅读 · 2 评论