diff --git a/docs/core/why-react-simplikit-matters.md b/docs/core/why-react-simplikit-matters.md index 8cdaa6f1..599706f0 100644 --- a/docs/core/why-react-simplikit-matters.md +++ b/docs/core/why-react-simplikit-matters.md @@ -26,7 +26,6 @@ function AutoCompleteInput() { const [results, setResults] = useState([]); const [isLoading, setLoading] = useState(false); const [isOpen, setOpen] = useState(false); - const searchTimeoutRef = useRef(null); const containerRef = useRef(null); useEffect(() => { @@ -44,17 +43,13 @@ function AutoCompleteInput() { }, []); useEffect(() => { - if (searchTimeoutRef.current) { - clearTimeout(searchTimeoutRef.current); - } - if (query.trim().length === 0) { setResults([]); return; } setLoading(true); - searchTimeoutRef.current = setTimeout(async () => { + const timeoutId = setTimeout(async () => { try { const response = await fetch(`/api/search?q=${query}`); const data = await response.json(); @@ -66,11 +61,7 @@ function AutoCompleteInput() { } }, 300); - return () => { - if (searchTimeoutRef.current) { - clearTimeout(searchTimeoutRef.current); - } - }; + return () => clearTimeout(timeoutId); }, [query]); return ( diff --git a/docs/ko/core/why-react-simplikit-matters.md b/docs/ko/core/why-react-simplikit-matters.md index 2f4943b2..7acde3e5 100644 --- a/docs/ko/core/why-react-simplikit-matters.md +++ b/docs/ko/core/why-react-simplikit-matters.md @@ -26,7 +26,6 @@ function AutoCompleteInput() { const [results, setResults] = useState([]); const [isLoading, setLoading] = useState(false); const [isOpen, setOpen] = useState(false); - const searchTimeoutRef = useRef(null); const containerRef = useRef(null); useEffect(() => { @@ -44,17 +43,13 @@ function AutoCompleteInput() { }, []); useEffect(() => { - if (searchTimeoutRef.current) { - clearTimeout(searchTimeoutRef.current); - } - if (query.trim().length === 0) { setResults([]); return; } setLoading(true); - searchTimeoutRef.current = setTimeout(async () => { + const timeoutId = setTimeout(async () => { try { const response = await fetch(`/api/search?q=${query}`); const data = await response.json(); @@ -66,11 +61,7 @@ function AutoCompleteInput() { } }, 300); - return () => { - if (searchTimeoutRef.current) { - clearTimeout(searchTimeoutRef.current); - } - }; + return () => clearTimeout(timeoutId); }, [query]); return (