如何在reactjs中重新安裝組件？

Question

我有一個需要重新安裝的組件。 我需要銷毀所有內容並使它的代碼重新執行以再次出現在我的頁面上。

我嘗試過的操作：我將key =“ 1”放到了javascript中，然后將其密鑰更改為其他名稱，但沒有重新安裝（ https://groups.google.com/forum/#!topic/reactjs/8JgClU9jol0 ）

卸載React.js節點將不起作用，因為我的組件已經渲染。

請幫助，我該怎么做？

Answer 1

這是一個例子。

 class Child extends React.Component { componentDidMount = () => { console.log("mounted"); } render(){ return( <div>This is child</div> ); } } class Application extends React.Component { state = { show: true, }; render(){ return( <div> <button onClick={() => this.setState({show: !this.state.show})}>Click here</button> {this.state.show && <Child />} </div> ); } } ReactDOM.render(<Application />, document.getElementById('app')); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="app"></div>