訪問靜態定義變量的類定義

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>