React技巧之用钩子clearTimeout

2022-08-19 15:29:07 浏览数 (1)

原文链接：https://bobbyhadz.com/blog/react-cleartimeout[1]

作者：Borislav Hadzhiev[2]

正文从这开始~

总览

要在React中用钩子清除一个超时或间隔：

  1. 使用useEffect钩子设置一个setTimeout 或者setInterval。
  2. 从useEffect钩子中返回一个函数。
  3. 在组件卸载时，使用clearTimeout()或者clearInterval()方法来移除定时器。
代码语言：javascript复制
// App.js

import {useEffect, useState} from 'react';

export default function App() {
  const [isShown, setIsShown] = useState(false);

  useEffect(() => {
    const timeoutID = setTimeout(() => {
      setIsShown(true);
    }, 1000);

    return () => {
      // 


	


https 网络安全 react 




	






	

 0 人点赞