react（22）——ReactDOM.unmountComponentAtNode()方法，卸载结点_unmountcomponentatnode可以完全卸载

作者：我家自动化 | 2024-02-07 14:14:48

踩

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

2.代码讲解

ReactDOM.unmountComponentAtNode()方法，参数为一个结点，调用方法会卸载该容器中的渲染

3.运行结果

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家自动化/article/detail/65895