Почему не поет песня? React
подскажите пожалуйста почему при нажатии на кнопку песня не включается? Выдает ошибку index.js:1 Uncaught Error: The error you provided does not contain a stack trace. ChartSong.js:11 Uncaught (in promise) DOMException: The play() request was interrupted by a new load request.
import React from 'react'
import LazyLoad from "react-lazyload";
import './chartsong.scss'
class ChartSong extends React.Component{
constructor(props) {
super(props);
}
_playChartsong(e){
this.audioTag.load()
this.audioTag.play()
console.log(this.audioTag)
}
render() {
return(
<div className="chart-song">
<div className="chart-song__content">
<audio volume="0.5" controls="" ref={(audio)=> this.audioTag = audio}>
<source type="audio/mpeg" src="https://rad.fm:10443/hit128"></source>
</audio>
<button className="chart-song__button" onClick={(e)=>{this._playChartsong(e)}}></button>
<p className="chart-song__number">{this.props.number}</p>
<div className="chart-song__img">
<LazyLoad height={50} width={50}>
<img src={this.props.song.image} alt={this.props.song.name} onError={(e)=>{e.target.src = "https://gamerewrw.000webhostapp.com/mcm/media/fail--mob.180cf209.svg"}}/>
</LazyLoad>
</div>
<div className="chart-song__desc">
<h3 className="chart-song__artist">{this.props.song.artist}</h3>
<h3 className="chart-song__songname">{this.props.song.name}</h3>
</div>
</div>
</div>
)
}
}
export default ChartSong