将函数解析为危险的setinnerhtml

Question

我目前遇到了dangerouslysetinnerhtml 的问题。 我试图允许人们通过 react 中的 js 文档编辑部分，这些编辑以字符串的形式出现。 例如，一个人可以将以下内容解析为 js 文件中的字符串：

let html = `<div onClick="(input)=>{console.log(input)}">Click me</div>`

在我的代码中，我想将其显示为：

<div dangerouslySetInnerHTML={{ __html: html }}></div>;

div 看起来很好，但 'onClick' 函数没有触发。 我已经看到了使用 HTML Parser 的建议，但这不是一个选项，因为在这种情况下我被限制使用外部库。 有没有人对这应该如何工作有任何建议？

谢谢！

Answer 1

如果你真的需要，你可以这样做。

let html = '<div onclick="console.log(this)">Click me</div>';

与您在代码中所做的相同。

<div dangerouslySetInnerHTML={{ __html: html }}></div>;