如何在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>