javascript - 在 React.js 中使用私有(private)变量和方法有没有好的方法

Question

我注意到我可以像这样使用私有(private)变量:

var Hello = React.createClass(new (function(){

    var name;

    this.getInitialState = function() {
        name = "Sir " + this.props.name;
        return null;
    };

    this.render = function() {
        return <div>Hello {name}</div>;
    };
})());

React.render(<Hello name="World" />, document.getElementById('container'));

为什么我不应该这样做？

谢谢你的帮助

Answer 1

当您需要不更改或与渲染直接相关的组件的本地(私有(private))状态信息时，私有(private)变量是完美的。请记住，大多数事情都会改变渲染，所以我发现我很少使用私有(private)变量。

此外，请记住，当您按照您的方式向类添加变量时，它是一个单例，因此它将与该组件的所有实例共享。如果真的希望每个实例都有私有(private)的东西，这可能会导致问题——如果那是你想要的，那么你需要在组件的生命周期方法之一中声明它，可能像这样

componentDidMount() {
    this.name = 'hello';
},