使用React的dangerouslySetInnerHTML将onClick事件(使用this.props)传递给锚标记

时间:2017-05-30 18:45:56

标签: javascript html json reactjs redux

我正在开发一个国际化网站,该网站使用json文件动态填写页面上的副本。

我正在使用段落标记,该段落标记具有通过React的dangerouslySetInnerHTML从json文件接收的超链接。

问题是,出于法律原因,我不能简单地嵌入像这样的链接。我需要在用户点击链接时触发弹出警告,该链接将他们带离网站(这是儿童网站)。

以下是我在另一个页面上处理此逻辑的方法,其中单击会触发showPopUp帮助程序函数。

<a onClick={ ()=> { this.props.actions.showPopUp(retailer.url) }}>
    <p>Click me</p>
</a>

我尝试将此代码剪切并粘贴到json文件中,但它不起作用。看起来我需要类似于dangerouslySetJSX属性的东西,但我认为不存在。

我错过了什么吗?或者有人有解决方法吗?

谢谢!

0 个答案:

没有答案