企业通信限时秒杀

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

function Countdown({ 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) - +new Date();
    let timeLeft = {};

    if (difference > 0) {
      timeLeft = {
        days: Math.floor(difference / (1000 * 60 * 60 * 24)),
        hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
        minutes: Math.floor((difference / 1000 / 60) % 60),
        seconds: Math.floor((difference / 1000) % 60)
      };
    }

    return timeLeft;
  }

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

export default Countdown;