Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk menetapkan masa untuk menutup halaman sebagai tindak balas

Bagaimana untuk menetapkan masa untuk menutup halaman sebagai tindak balas

藏色散人
Lepaskan: 2023-01-04 16:46:09
asal
1142 orang telah melayarinya

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={}/>".

Bagaimana untuk menetapkan masa untuk menutup halaman sebagai tindak balas

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: &#39;5s后关闭页面&#39;
   };
 }
Salin selepas log masuk

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)
}
Salin selepas log masuk

Tambah pertimbangan dalam pemaparan

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

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan