React - 如何从内联html触发操作?

时间:2017-05-06 18:33:51

标签: javascript reactjs redux

我有一个应用降价并将其呈现为html的应用。我的目标是实现复选框 - 用户类型" []"在降价后,在降价后,我更换" []"使用复选框,当用户点击此渲染复选框时,我想替换" []"用" [X]"在源标记中。

因此,我需要以某种方式告诉您已单击复选框,但复选框不是组件,它只是手动插入的内联html。

我有什么方法可以触发它的行动吗?

或者有没有办法以某种方式用反应组件替换markdown生成的部分html?

2 个答案:

答案 0 :(得分:0)

您必须将HTML转换为组件才能使其正常工作。 如果您的markdown解析器仅返回HTML,则遍历它并从标记创建组件。

答案 1 :(得分:0)

您目前呈现HTML的方式有点不是纯粹的反应方式,然后使用javascript replace ^^甚至更改了html,我的意思是它有点危险!< / p>

但是,如果由于某种原因您必须使用当前的方式,您可以在此处阅读我的答案,其中显示了针对您案例的相同解决方案:

Access to internal function from externally loaded HTML in React component

在用复选框替换文本时,您可以在复选框中添加更多参数,然后反应内置的jQuery可以帮助您向复选框添加点击事件!

如果我的方式对你不起作用,请随时在这里发布一些日志错误,我们可能会找到一个好的解决方法!