数据协作开发平台限时秒杀

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

function CountdownTimer({ endTime }) {
  const [timeLeft, setTimeLeft] = useState(calculateTimeLeft(endTime));

  useEffect(() => {
    const timer = setTimeout(() => {
      setTimeLeft(calculateTimeLeft(endTime));
    }, 1000);

    return () => clearTimeout(timer);
  }, [endTime]);

  function calculateTimeLeft(endTime) {
    const difference = new Date(endTime).getTime() - new Date().getTime();
    if (difference <= 0) return { days: 0, hours: 0, minutes: 0, seconds: 0 };
    const days = Math.floor(difference / (1000 * 60 * 60 * 24));
    const hours = Math.floor((difference / (1000 * 60 * 60)) % 24);
    const minutes = Math.floor((difference / 1000 / 60) % 60);
    const seconds = Math.floor((difference / 1000) % 60);
    return { days, hours, minutes, seconds };
  }

  return (
    <div>
      <span>{timeLeft.days}天</span>
      <span>{timeLeft.hours}小时</span>
      <span>{timeLeft.minutes}分钟</span>
      <span>{timeLeft.seconds}秒</span>
    </div>
  );
}

export default CountdownTimer;