在react中不播放Wav声音

import React from 'react';

class SoundComponent extends React.Component {
  render() {
    return (
      <audio controls>
        <source src="path/to/sound.wav" type="audio/wav" />
      </audio>
    );
  }
}

npm install react-sound --save

import React from 'react';
import Sound from 'react-sound';

class SoundComponent extends React.Component {
  render() {
    return (
      <Sound
        url="path/to/sound.wav"
        playStatus={Sound.status.PLAYING}
        onFinishedPlaying={this.handleFinishedPlaying}
      />
    );
  }

  handleFinishedPlaying() {
    // 处理声音播放完毕后的逻辑
  }
}

import React from 'react';

class SoundComponent extends React.Component {
  componentDidMount() {
    const audioContext = new (window.AudioContext || window.webkitAudioContext)();
    const request = new XMLHttpRequest();
    request.open('GET', 'path/to/sound.wav', true);
    request.responseType = 'arraybuffer';

    request.onload = () => {
      audioContext.decodeAudioData(request.response, (buffer) => {
        const source = audioContext.createBufferSource();
        source.buffer = buffer;
        source.connect(audioContext.destination);
        source.start(0);
      });
    };

    request.send();
  }

  render() {
    return <div>Playing sound...</div>;
  }
}