React中的静态方法
Static methods in React
我查看了React文档,并运行了静态方法。我想知道在什么样的情况下它可能有用,但想不出任何有用的。
在React中构建组件时,是否存在静态方法有用的特定场景?
defaultProps
和propTypes
是React组件的静态成员,它们不会在每个实例中都发生变化。看见https://facebook.github.io/react/docs/reusable-components.html
静态属性的一个例子是能够跟踪创建了多少个对象实例(不是React特定的)。请注意,在大多数情况下,如果您正在修改状态,那么静态方法就是一种代码气味。
var Contacts = React.createClass({
statics: {
instanceCount: 0
},
getInitialState: function() {
Contacts.instanceCount++
return {};
},
render: function() {
return (<div > Hello {
this.props.name
} < /div>);
}
});
console.log(Contacts.instanceCount) // 0
ReactDOM.render( < Hello name = "World" / > ,
document.getElementById('container')
);
console.log(Contacts.instanceCount) // 1
另一个例子是存储常量的方法。
var Contacts = React.createClass({
statics: {
MAX_VALUE:100
},
render: function() {
return (<div > Hello {
this.props.name
} < /div>);
}
});
if (someValue > Contacts.MAX_VALUE) {
}
相关文章:
- 无法理解JavaScript中的静态方法
- 从构造函数es6调用静态方法
- 如何理解“当类实例化时,JavaScript静态方法也是不可调用的”
- Javascript:如何声明非全局静态方法
- 定义的静态方法未定义
- 使用 Babel 转译器导入类并调用带有 ES6 模块的静态方法
- 从常规ES6类方法中调用静态方法
- React中的静态方法
- React中的单元测试非静态方法
- JavaScript中的静态方法
- 可以't从客户端应用程序引用插件中定义的静态方法
- 静态方法中的Javascript“this”
- 如何在 ReactJS 中限制静态方法
- Javascript 静态方法继承
- 猫鼬静态方法返回蓝鸟承诺
- 如何继承静态方法
- 如何获取 javascript 类中的静态方法列表
- 如何在 javascript 中定义静态方法类
- Jquery UI 调用小部件的静态方法
- 如何强制React ES6静态方法's '绑定到词法范围