99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章主要介紹“react如何關閉頁面時間”，在日常操作中，相信很多人在react如何關閉頁面時間問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”react如何關閉頁面時間”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、成都小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了古塔免費建站歡迎大家使用！

react設置關閉頁面時間的方法：1、在constructor中設置5秒的時間值；2、在componentDidMount中添加定時器；3、在render中添加判斷即可，代碼如“{this.state.dlgTipTxt}}/>”。

react中實現(xiàn)簡單倒計時關閉頁面

首先在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 (

{this.state.dlgTipTxt}

}
/>
)
}

到此，關于“react如何關閉頁面時間”的學習就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
分享標題：react如何關閉頁面時間
當前地址：http://ef60e0e.cn/article/posdos.html