javascript - 在类定义中访问静态定义的变量

Question

我有一堂课：

export default class Home extends React.Component {
    static store = createStore();

    constructor() {
        super();
        // This doesn't work
        console.log(this.store);
    }
}

并且我希望能够访问在store类顶部定义的变量但是我不确定如何，我假设它是通过使用this.store但它是未定义的。

Answer 1

所以基本上你想在所有类实例之间共享变量？尝试将其传递给构造函数。像这样的东西：

class Home extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.store = props.store;

    console.log(this.store);
  }
}

你的初始化函数：

function init() {

  var props = {
    store: createStore()
  };

  ReactDOM.render(<Home {...props} />, document.getElementById('home1'));
  ReactDOM.render(<Home {...props} />, document.getElementById('home2'));
  ReactDOM.render(<Home {...props} />, document.getElementById('home3'));
}

和html：

<div id="home1"></div>
<div id="home2"></div>
<div id="home3"></div>