react——ReactDOM.unmountComponentAtNode()方法,解除安裝結點
阿新 • • 發佈:2021-02-13
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()方法,引數為一個結點,呼叫方法會解除安裝該容器中的渲染