猿问

React 的 dangerouslySetInnerHTML 中如何添加 onClick 事件?

我从服务器获取一段文本,里面含有图片,需要在图片上添加点击事件。

代码如下:


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 ?


慕尼黑5688855
浏览 2155回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答