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

Question

在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;

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

Answer 1

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