如何在React中让音频播放倒计时计时器的持续时间？

import React, { useState } from 'react';

const AudioPlayer = () => {
  const [duration, setDuration] = useState(0);
  const [remainingTime, setRemainingTime] = useState(0);

  const handleLoadedMetadata = (event) => {
    const { duration } = event.target;
    setDuration(duration);
  };

  setInterval(() => {
    const audioElement = document.getElementById('audio');
    const currentTime = audioElement.currentTime;
    const remainingTime = duration - currentTime;
    setRemainingTime(remainingTime);
  }, 1000);

  return (
    <div>
      <audio id="audio" controls onLoadedMetadata={handleLoadedMetadata}>
        <source src="path/to/audio/file.mp3" type="audio/mpeg" />
      </audio>
      <div>Remaining Time: {remainingTime.toFixed(2)} seconds</div>
    </div>
  );
};

export default AudioPlayer;