在componentDidUpdate中设置img.src不能触发img.onload事件回调

Question

componentDidUpdate(prevProps, prevState, snapImg){    if(this.props.bookImg!=null && this.props.bookImg!==prevProps.bookImg){        var canvas= document.createElement('canvas');        var ctx= canvas.getContext('2d');        var img= new Image();
        img.crossOrigin= 'Anonymous';        var dataURL;
        img.onload=function() {            console.log('fn');
            ctx.drawImage(img, 0, 0);
            dataURL= canvas.toDataURL("image/jpeg");            console.log(dataURL);
        }
        img.src=this.props.bookImg;        console.log('end');
    }
}

这段代码，我在<script>标签内测试时是有效的，但用在componentDidUpdate里img.onload的回调不能触发；有谁知道为什么吗?

Answer 1

初始化第一次渲染这个生命周期是不会执行的， 因此应该不是onload不执行，是整个都不执行吧？如果不是第一次渲染的情况的话， 那就需要你贴一下你的script中写的可行的代码来分析了