如何为dangerousSetHtml添加事件？

Question

问一个React问题。我在dangerSetHtml == {{__ html:data}}中设置数据。

数据包含img。我想将一个新事件绑定到img。我的解决方案是在.data内部，只要img的ID为999我就在函数componentDidmount中编写document.getElementById('999').addEventListener('click', handler)

addEventListener('click',handler)可行吗？还是有更好的解决方案？

Answer 1

是的，您可以在componentDidMount中使用addEventListener。而且，请确保在组件卸载时删除侦听器：

componentWillUnmount() {
  document.getElementById(your_id).removeEventListener('click', handler)
}