我从服务器获取一段文本,里面含有图片,需要在图片上添加点击事件。
代码如下:
onClickBlowUpImage(e) {
console.log('test')
}
render() {
const finalContent = this.state.content.replace(/<img/g, '<img id="content_img" onClick={this.onClickBlowUpImage.bind(this)}')
return (
<div dangerouslySetInnerHTML={{ __html: finalContent }}></div>
)
}
用这种方式添加,但点击的时候报错:
Uncaught TypeError: Cannot read property 'bind' of undefined at HTMLImageElement.onclick
请问需要用什么方式才能在 dangerouslySetInnerHTML 上添加 onClick ?
相关分类