我正在查看 React 文档并遇到了静态方法。我想知道在什么样的场景下它可能有用,但想不出任何。
在 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) {
}