在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語句清除定時器以避免內存泄漏。