react——ReactDOM.unmountComponentAtNode()方法,卸载结点

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.运行结果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_45895576/article/details/113598375