如何在React钩子中使用计时器？

import React, { useState, useEffect } from 'react';

function Timer() {
  const [timer, setTimer] = useState(0);

  useEffect(() => {
    const interval = setInterval(() => {
      setTimer(prevTimer => prevTimer + 1);
    }, 1000);

    return () => {
      clearInterval(interval);
    };
  }, []);

  return (
    <div>
      <p>Timer: {timer}</p>
    </div>
  );
}

export default Timer;