react的return中的事件，如何取到标签自身？

Question

先上代码
classAlbumArtextendsReact.Component{
getStyles(){
return{
width:"100%",
height:"auto",
display:"block",
position:"relative",
margin:0,
overflow:"hidden"
}
}
errorImg(img){
console.log(img);
img.src="../../../../../build/assets/img/main_tray.png";
img.onerror=null;
}
render(){
varid=this.props.playerId+"AlbumArt",
imgId=this.props.playerId+"AlbumArtImg"
return(
id={id}
style={this.getStyles()}>
{...this.props}>
id={imgId}
ref="art"
style={{width:"100%",transform:"translateZ(0)"}}
src="http://wwww.baoadkaskdoa.asdasd"
onError={this.errorImg(this)}/>

Answer 1

根据@learning@Timdu@猫切的描述，我就自己改写了一下，整体死路就是不要直接操作html的标签，而是改用state或者props的形式来处理。贴下自己的代码classAlbumArtextendsReact.Component{constructor(props){super(props);this.state={imgUrl:this.props.albumArt}}getStyles(){return{width:"100%",height:"auto",display:"block",position:"relative",margin:0,overflow:"hidden"}}errorImg(){console.log('function-errorImg');//首页默认图片设置this.setState({imgUrl:"../../build/assets/img/main_tray.png"});}render(){varid=this.props.playerId+"AlbumArt",imgId=this.props.playerId+"AlbumArtImg"return()}}解决！再次谢谢三位。