reactjs - ReactJS 如何在用户不活动时自动注销？

Question

我需要知道 REACT JS 或 HTML5 中是否有任何 API 可以提供用户不活动时自动注销的功能。我的代码如下，我不知道出了什么问题，它给了我错误 startTimer 未定义和不必要的绑定(bind)。请告诉我哪里出错了

import React from 'react';
import ReactDOM from 'react-dom';
import './App.css';

class Toogle extends React.Component {
  constructor(props) {
    super(props);
    //step 1
    this.handleClick = this.handleClick.bind(this);
    this.startTimer=this.startTimer.bind(this)
  }
            
  handleClick() {
    console.log('Button is clicked');
    
    //  clearTimeout(timeoutTimer);
    startTimer() {
      var timeoutTimer = setTimeout(function() {
        window.location.href = '#/security/logout';
      }.bind(this), 1000);  
    }
  }

  render() {
    return (
      <div onMouseMove={this.handleClick}>
        Move the cursor over me
      </div>
    );
  }
}

ReactDOM.render(
  <Toogle />,
  document.getElementById('root')
);

Answer 1

接受的答案可能适合您，但导航路线之间的时间并不是真正的“非事件”时间。

react-idle可以做到这一点，阅读文档，您就可以按照应该的方式进行操作。