React中的静态方法

Question

我正在查看React文档并且遇到了静态方法。我想知道在什么情况下它可能是有用的，想不出任何。

在React中构建组件时，有没有一种特定的场景可以使用静态方法？

Answer 1

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) { 

}