想要在reactjs中改变onmouseEnte上图像的背景颜色

Question

我希望当mouser进入图像时更改我的图像背景颜色，并且当它离开这里时是chnge颜色是我的代码

changecolor(e)
{  e.preventDefault();
this.setState({color:'#FF0000'});
console.log('color',this.state.color);
}

resetcolor(e)
{
e.preventDefault();
this.setState({color:'yellow'});
console.log('color',this.state.color);
}

这是我的jsx代码

          {this.state.images.map((items) => <img src={items.media.m}
           onMouseEnter={ this.changecolor.bind(this)}onMouseLeave={this.resetImage.bind(this)} 
           style={{maxWidth:'30vh',maxHeight:'70vh',backgroundColor:this.state.color}} />)}