如果我在componentWillUnmount中添加任何内容

Question

• 我想学习对自己做出反应。
• 我正在尝试在componentWillUnmount内部设置会话。
• 但是如果我在componentWillUnmount中添加任何内容，则不会发生任何事情。
• 我通过添加控制台和调试器进行了调试，仍然没有任何反应。
• 你们能告诉我如何使我的组件正常工作吗
• 以便将来我自己修复。
• 在下面提供我的相关代码段和沙箱。
• 我所有的代码都在RecipeReviewCard.js中

https://codesandbox.io/s/1vqkz1own7

 componentDidMount() {
    console.log("componentDidMount---->");
  }

  componentWillUnmount() {
    console.log("componentwillUnmount---->");
    debugger;
    window.sessionStorage.setItem(
      "favoriteValues",
      JSON.stringify(this.props.benchMarks)
    );
  }

Answer 1

顾名思义，当组件将要从DOM中取出时，“ componentWillUnmount”将触发（例如，当您切换选项卡时），并且在您的示例中，console.log确实会触发。当组件加载到DOM中时，使用'componentWillMount'运行该函数