react.js - 这两种写属性验证propTypes的方法是一回事吗
本文介绍了react.js - 这两种写属性验证propTypes的方法是一回事吗的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
看到两种写属性验证的方式
一个是在class内部 用 static 的方式,出现红色是说当前不是 .ts文件 ,我这个是 .js文件
还有一个是直接 类名.propTypes 方式,我之前看的都是这种方式,所以看到上面的那种方式优点不太适应。
我猜想这两种写法或许等价,但如果等价又有新的问题
static不是静态的意思吗? propTypes 是属性类型的意思,this.props.xxx 明明就属于实例化的那个对象,static 是类的,那二者就不能等价。
我以前接触的js都是没有类的概念,现在的js引入了类的概念,我有点昏,多谢朋友指点迷津!
解决方案
两者是一样的,static
的写法应该只是前者的一种语法糖吧,目前处于提案阶段,babel 支持,具体可以按这里静态属性
// 老写法
class Foo {
}
Foo.prop = 1;
// 新写法
class Foo {
static prop = 1;
}
这篇关于react.js - 这两种写属性验证propTypes的方法是一回事吗的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文