useTimer() — react Function Reference

Architecture documentation for the useTimer() function in useTime.js from the react codebase.

Function javascript BabelCompiler Entrypoint

Entity Profile

BabelCompiler→ Entrypoint→ useTimer() — react Function Reference

Dependency Diagram

graph TD
  327df9be_9baf_1072_00da_f5d27824b3a2["useTimer()"]
  b2b321a8_4164_f2cb_fb79_bebac042255a["useTime.js"]
  327df9be_9baf_1072_00da_f5d27824b3a2 -->|defined in| b2b321a8_4164_f2cb_fb79_bebac042255a
  style 327df9be_9baf_1072_00da_f5d27824b3a2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

fixtures/nesting/src/shared/useTime.js lines 3–12

export default function useTimer() {
  const [value, setValue] = useState(() => new Date());
  useEffect(() => {
    const id = setInterval(() => {
      setValue(new Date());
    }, 1000);
    return () => clearInterval(id);
  }, []);
  return value.toLocaleTimeString();
}