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.代码讲解
- ReactDOM.unmountComponentAtNode()方法,参数为一个结点,调用方法会卸载该容器中的渲染