將函數解析為危險的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>;