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

Question

推荐的方法是什么（如果有的话）来维护 React 组件实例之间的状态，同时仍然将该状态封装在组件中，以便不能在组件外部访问它？

我目前的方法是在 React createClass 定义之外使用模块级变量，因为我正在使用 CommonJS 模块。

'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

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

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

Recommended approach for storing state across instances of a React component?

reactjs

encapsulation

instance-variables