Javascript 如何使用componentWillUnmount（）方法从DOM中删除组件？

我什么时候可以在React代码中使用以下方法？

componentWillUnmount（）

请显示一个示例。

“我什么时候可以在React代码中使用以下方法？componentWillUnmount（）”：

我们希望在时钟第一次呈现到DOM时设置计时器。这在React中称为“安装”

我们还希望在移除时钟生成的DOM时清除该计时器。这在React中称为“卸载”

componentDidMount（）方法在将组件输出呈现到DOM后运行。这是设置计时器的好地方：

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

我们将拆除componentWillUnmount（）生命周期方法中的计时器：

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

本质上，只要您需要在丢弃当前看到的DOM之前执行某些操作，就会使用componentWillUnmount（）方法。在这种情况下，时钟将从DOM中删除，因此您希望在此之前停止计时器

---

您可以在此处阅读有关生命周期方法的更多信息：

如果您打算删除组件或元素，则应通过条件呈现来完成，从而更改呈现组件状态。

您好！请拿着（你得到了一个徽章！），四处看看，仔细阅读，特别是我还推荐乔恩·斯基特的。恐怕不清楚你在问什么。你不能叫那个方法。React将在卸载组件时执行。详情请参阅。