内容简介:针对文章从两种形式的Component中获取node节点的方式不一样,Function的直接调用,Class的需要实例化,再调用实例的render方法。没法针对Function和Class都调用
针对文章 https://overreacted.io/how-does-react-tell-a-class-from-a-function/ 的摘录
为什么要区分
从两种形式的Component中获取node节点的方式不一样,Function的直接调用,Class的需要实例化,再调用实例的render方法。
没法针对Function和Class都调用 new
操作符
+ arrow function
调用new会报错
+ Function的返回值可能不是对象,调用new得到的不会是预期的对象
+ Function里面的this不是实例对象,使得最终调用new之后的结果不是预期的
没法针对Function和Class都直接调用
+ 一些babel的处理中,针对构造函数的直接调用会报错
+ 未被babel转译过的ES6形式的Class,直接调用会报错
如何区分
instanceof 运算符
关于 prototype
和 __proto__
的区别
__proto__ 是指向一个对象的原型
prototype是Function和Class才具有的,是指向的经由Function和Class实例化出来的实例的 __proto__
为什么不能使用 instanceof来区分
因为早起的一些实践,导致同一个页面可能同时出现多个React, 这个时候instanceof可能就会出错
static属性
一些Class的实现中,并不会拷贝Class的static属性给实例
prototype属性
class Component{}
Component.prototype.isReactComponent = {}
class Greeting extends Component {}
console.log(Greeting.prototype.isReactComponent); // yes
至于为什么isReactComponent需要是一个对象而不是一个简单的基本类型,这是因为需要兼容早期的Jest
以上所述就是小编给大家介绍的《React里面是如何区分Class和Function的》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- mysql查询条件-不区分大小写
- 重构之路:webpack区分生产环境和开发环境
- 当 AI 医疗成为热点,噱头与实干如何区分?
- (译)React是如何区分Class和Function?
- 面试篇---1 如何区分深拷贝与浅拷贝
- React是如何区分class和function的?
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
网络营销实战密码
昝辉Zac / 电子工业出版社 / 2009.1 / 56.00元
本书是作者几年来网络营销实战的总结,与其他网络营销书籍最大不同之处是:只专注于实战,不谈理论。本书分三部分详细介绍了网络营销实用策略和技巧,并分析了大量实战案例。第一部分介绍市场与产品研究,包括用户、市场和竞争对手的调查;产品、目标市场的确定;价格策略;赢利模式等。第二部分讨论以网络营销为导向的网站设计,包括怎样在网站上卖东西、提高转化率,以及网站目标设定等。第三部分研究怎样给网站带来流量,详细讨......一起来看看 《网络营销实战密码》 这本书的介绍吧!