从组件安装开始计算时间

Question

在React / Javascript中，如何计算组件安装时的时间？我希望在页面上停留的最短时间为0.8秒。 因此，当组件安装时，我希望启动一个计时器，计算是否已经过了0.8秒。当我即将离开页面时，我想检查时间是否已经过去，如果没有，则等待剩余时间，然后离开页面。我怎么能完成这个？

Answer 1

React有多个生命周期事件，其中一个是componentDidMount。

  在组件出现后立即调用

componentDidMount()   安装。需要DOM节点的初始化应该放在这里。如果你   需要从远程端点加载数据，这是一个好地方   实例化网络请求。在这种方法中设置状态会   触发重新渲染。

示例

componentDidMount() {
  this.mountTime = (new Date).getTime();
}

onSomeActionThatTriggersUnmount() {
  const currentTime = (new Date).getTime();
  if(currentTime >= (this.mountTime + 800)) {
    // proceed with the unmount
  } else {
    // not enough time yet
  }
}