使用React.js循环播放音频

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

function AudioPlayer() {
  const [audio] = useState(new Audio('audio.mp3'));

  useEffect(() => {
    audio.loop = true; // 设置音频循环播放
    audio.play(); // 播放音频

    return () => {
      audio.pause(); // 组件卸载时暂停音频播放
    };
  }, []);

  return (
    <div>
      <button onClick={() => audio.play()}>播放</button>
      <button onClick={() => audio.pause()}>暂停</button>
    </div>
  );
}

function App() {
  return (
    <div>
      <h1>音频播放器</h1>
      <AudioPlayer />
    </div>
  );
}