delay函数在React中如何使用

在React中，可以使用setTimeout来创建延迟执行的函数。下面是一个示例：

import React, { useEffect } from 'react';  const DelayedFunctionComponent = () => {    useEffect(() => {     const delayedFunction = () => {       console.log('This function will be called after 2 seconds');     }      const delay = 2000; // 2 seconds      const timerId = setTimeout(() => {       delayedFunction();     }, delay);      return () => clearTimeout(timerId);   }, []);    return (     <div>       <p>Delayed function will be called after 2 seconds</p>     </div>   ); }  export default DelayedFunctionComponent; 

在上面的示例中，我们使用了useEffect来创建一个延迟执行的函数。在useEffect中，我们使用setTimeout来设置一个延迟时间，并在到达延迟时间后调用我们想要延迟执行的函数。在组件卸载时，我们使用return语句清除定时器以避免内存泄漏。