Reactjs 跨React组件实例存储状态的推荐方法？

建议采用什么方法（如果有的话）跨React组件实例维护状态，同时仍将该状态封装在组件中，以便在组件外部无法访问

在使用CommonJS模块时，我当前的方法是在React createClass定义之外使用模块级变量

'use strict';

var React = require('react');

var mountCount = 0;

var MyComponent = React.createClass({
    getInitialState: function () {
        return {
            instanceNumber: mountCount
        };
    },

    componentDidMount: function () {
        mountCount++;
    },

    render: function () {
        return <div>I am instance no. {{this.state.instanceNumber}}.</div>;
    }
});

module.exports = MyComponent;

“严格使用”；
var React=要求（'React'）；
var-mountCount=0；
var MyComponent=React.createClass({
getInitialState:函数（）{
返回{
instanceNumber:mountCount
};
},
componentDidMount:函数（）{
mountCount++；
},
渲染：函数（）{
返回我是实例号{{this.state.instanceNumber}}。；
}
});
module.exports=MyComponent；

---

这是推荐的吗？如果没有，为什么没有，你会建议做什么呢？

没有推荐的方法；你所做的看起来很棒。

没有推荐的方法；你所做的看起来很棒