与Moment.duration反应:当持续时间达到0时重新呈现组件

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

const MyComponent = () => {
  const [duration, setDuration] = useState(moment.duration(10, 'minutes'));

  useEffect(() => {
    const timer = setInterval(() => {
      setDuration(prevDuration => prevDuration.subtract(1, 'second'));
    }, 1000);

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

  useEffect(() => {
    if (duration.asMilliseconds() === 0) {
      // 当持续时间达到0时，执行重新呈现组件的操作
      // 例如重新加载数据或执行其他操作
    }
  }, [duration]);

  return (
    <div>
      <p>Remaining duration: {duration.humanize()}</p>
    </div>
  );
};

export default MyComponent;