react如何关闭页面时间

这篇文章主要介绍“react如何关闭页面时间”，在日常操作中，相信很多人在react如何关闭页面时间问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”react如何关闭页面时间”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

react设置关闭页面时间的方法：1、在constructor中设置5秒的时间值；2、在componentDidMount中添加定时器；3、在render中添加判断即可，代码如“<Result status="403"title="403"subTitle="..."extra={<Button>{this.state.dlgTipTxt}</Button>}/>”。

react中实现简单倒计时关闭页面

首先在constructor中设置5秒的时间值

constructor (props) {   super(props)   this.state={     seconds: 5,     dlgTipTxt: '5s后关闭页面'   }; }

componentDidMount中添加定时器

componentDidMount () {  let timer = setInterval(() => {    this.setState((preState) =>({      seconds: preState.seconds - 1,      dlgTipTxt: `${preState.seconds - 1}s后自动关闭`,    }),() => {      if(this.state.seconds == 0){        clearInterval(timer);        window.close()      }    });  }, 1000)}

render中添加判断

render() {return (<Resultstatus="403"title="403"subTitle="抱歉你没有权限访问页面"extra={<Button>{this.state.dlgTipTxt}</Button>}/>)}

到此，关于“react如何关闭页面时间”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注编程网网站，小编会继续努力为大家带来更多实用的文章！