吼：我无法改变一种声音的音量

如何解决吼：我无法改变一种声音的音量

我有一些按钮，每个按钮播放不同的声音。我创建了一个滑块来更改每种声音的音量。但是当我改变声音的音量时，其他声音的音量也会改变。

我以这种方式创建每种声音：

const sound = new Howl({
    src: `sounds/${filename}`,html5: true,loop: true,volume: 0.5
})                                                                                                        

并将其添加到对象：

setActiveSounds([...activeSounds,{                                                                                                 
          fileName,sound,id: null,volume: 0.5                                                                                                                              }])

然后我有一个滑块，可以改变每种声音的音量：

{activeSounds.map(sound => {
    return (
        <input type="range" min="1" max="100"  onChange={(e) => {
            handelVolumeChange(e.target.value,sound)
        }} />
    )
}}

当滑块值更改时，此方法将运行：

const handelVolumeChange = (value,sound) => {
    const newVolume = value/100
    Howler.volume(newVolume.sound)
    sound.volume = newVolume
}

我尝试在声音播放时向“ activeSounds”添加一个ID，并使用该ID更改音量，但它不起作用