更改react组件中的声音

import React, { useState } from 'react';

const SoundComponent = () => {
  const [isPlaying, setIsPlaying] = useState(false);

  const toggleSound = () => {
    setIsPlaying(!isPlaying);
  };

  return (
    <div>
      <button onClick={toggleSound}>{isPlaying ? '停止声音' : '播放声音'}</button>
      {isPlaying && (
        <audio src="path/to/sound.mp3" autoPlay loop>
          您的浏览器不支持音频元素。
        </audio>
      )}
    </div>
  );
};

export default SoundComponent;