如何在按下按钮后在ModalView中创建倒计时计时器？

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

const ModalView = () => {
  const [countdown, setCountdown] = useState(10); // 设置初始倒计时总时长为10秒

  useEffect(() => {
    const timer = setInterval(() => {
      setCountdown(prevCountdown => prevCountdown - 1);
    }, 1000);

    return () => {
      clearInterval(timer); // 组件卸载时清除定时器
    };
  }, []);

  const handleButtonClick = () => {
    // 处理按钮点击事件
    // 可以在这里执行其他操作，例如关闭ModalView
  };

  return (
    <div>
      <p>倒计时: {countdown}秒</p>
      <button onClick={handleButtonClick}>按钮</button>
    </div>
  );
};

export default ModalView;