Bagaimana untuk menetapkan masa untuk menutup halaman sebagai tindak balas

Cara menetapkan masa tutup halaman dalam React: 1. Tetapkan nilai masa 5 saat dalam pembina 2. Tambah pemasa dalam componentDidMount 3. Tambah pertimbangan dalam render, kodnya seperti "< ; Status keputusan="403"title="403"subTitle="..."extra={{this.state.dlgTipTxt}}/>".

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk menetapkan masa tutup halaman sebagai tindak balas?

Melaksanakan kira detik mudah untuk menutup halaman sebagai tindak balas

Mula-mula tetapkan nilai masa 5 saat dalam pembina

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

Tambahkan dalam Pemasa 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)
}

Tambah pertimbangan dalam pemaparan

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

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk menetapkan masa untuk menutup halaman sebagai tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!