js img问题

const src = ''

<img alt='' className='img-style' src ={src} onError={this.imageOnerror}>

    imageOnerror = () =>{

    let img=event.srcElement

    img.src=' images/default.png '

    img.onerror=null

}

根据测试当src = 一个错误的string,会触发onError事件。

如果src=undefined 或者null 则不会触发onError，如果此时我们给

.img-style{

    width:'20px',

    height:'20px'

}

那么将会出现一个带边框的20*20的图片

为了避免这种情况的发生，我们可以在

.img-style{

    width:'20px',

    height:'20px'

    background: url('images/default.png')  no-repeat center center

}

给background一个默认的背景图，这样如果src=null || undefined 可以加载background

---