React 精髓
文章平均质量分 95
小三轮儿
这个作者很懒,什么都没留下…
展开
-
如何在生产环境禁用 React Developer Tools 插件
无意间注意到,React 开发的页面在生产模式下依然会受到 React Developer Tools 浏览器插件的 “关照” ,安装此插件的浏览器可以像在开发环境下一样查看页面的组件结构和状态数据,同时还会额外加载一个 500k+ 大小的 js 文件。但目前问题带来的影响较小,所以一些线上的网站比如:知乎、阿里云等都没有做处理。本文带你抽丝剥茧找出症节所在,并用三行代码精准解决此问题。原创 2022-10-21 17:52:10 · 1040 阅读 · 1 评论 -
为什么会有 React-Hooks
React-Hooks 是什么?它是因为什么原因出现的?React-Hooks 是一系列能够使函数式组件更强大、更灵活的“勾子”,(至于说这个“勾子”,我的理解是这样的:用户编写好相关的逻辑代码传入框架,之后由框架在适当的时机调用);React-Hooks 出现的原因自然是为了丰富函数式组件的功能,使函数式组件在一定程度上具有替换类组件的能力。那 React 为什么那么推崇函数式组件呢?相对于类组件,函数式组件有以下几个特点。函数式组件更符合函数式编程的理念;函数式组件更轻量,一般情原创 2020-11-20 10:54:26 · 526 阅读 · 0 评论 -
React 组件间的数据流动
1、一般而言在简单的应用场景下,有下面两种方式实现组件间的通信通过 props 传递直接向子组件添加 props 属性即可,这种方式简单便捷,但只适用于父组件向直接子组件传递数据,遇到组件层级较深或者同级组件有通信需求的场景时就显得比较麻烦;由于 React 讲究单向数据流,子组件无法向父组件直接传递数据,通常的方法还是通过 props 属性向子组件传递回调方法,子组件调用回调方法时可传入相应参数以实现通知父组件的目的。订阅-发布 模式在涉及到组件层级较深或者同级组件有通信需求的场景时,原创 2020-11-19 10:14:07 · 201 阅读 · 0 评论 -
彻底弄清React组件的生命周期
生命周期是学习React开发的第一关,从 React 15 到 React 16 官方对生命周期做出了一些调整,这里先总结一下两个版本不同,然后再深层分析内部原因。原创 2020-11-17 18:41:10 · 111 阅读 · 0 评论