{this.state.dlgTipTxt}}/>」。"/> {this.state.dlgTipTxt}}/>」。">
react設定關閉頁面時間的方法:1、在constructor中設定5秒的時間值;2、在componentDidMount中加入定時器;3、在render中加入判斷即可,程式碼如「089c8aa2b7a473668868f3343bcbb19f{this.state.dlgTipTxt}a1cb88e6789f399807801ea3799938af}/>」。
本教學操作環境:Windows10系統、react18.0.0版、Dell G3電腦。
react關閉頁面時間怎麼設定?
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 ( <Result status="403" title="403" subTitle="抱歉你没有权限访问页面" extra={ <Button> {this.state.dlgTipTxt} </Button> } /> ) }
推薦學習:《react影片教學》
以上是react關閉頁面時間怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!