1. 程式人生 > 其它 >react——ReactDOM.unmountComponentAtNode()方法,解除安裝結點

react——ReactDOM.unmountComponentAtNode()方法,解除安裝結點

技術標籤:# reactreact

1.程式碼

<body>
    <div id="test"></div>

    <script type="text/babel">
      "use strict";

      class Life extends React.Component {

        death = () => {
          ReactDOM.unmountComponentAtNode(document.getElementById
("test")); }; render() { return ( <div> <h2>欄位</h2> <button onClick={this.death}>解除安裝該元件</button> </div> ); } } ReactDOM.render(<Life />, document.
getElementById("test")); </script> </body>

2.程式碼講解

  1. ReactDOM.unmountComponentAtNode()方法,引數為一個結點,呼叫方法會解除安裝該容器中的渲染

3.執行結果

在這裡插入圖片描述