Reactjs 呈现HTML+;React中字符串的JavaScript
有没有一种方法可以从React组件内部的字符串(作为服务器响应)呈现实际的html+javascript React通常不允许通过javascript的innerHTML插入这样的内容。 但是有没有一种方法可以绕过它,让html+js真正工作呢Reactjs 呈现HTML+;React中字符串的JavaScript,reactjs,Reactjs,有没有一种方法可以从React组件内部的字符串(作为服务器响应)呈现实际的html+javascript React通常不允许通过javascript的innerHTML插入这样的内容。 但是有没有一种方法可以绕过它,让html+js真正工作呢 从“React”导入React; const CodeFromServer=()=>{ 返回“console.log(234234)}>Show in console”; }; 导出默认函数App(){ 返回; } 在浏览器中呈现的是: <div
从“React”导入React;
const CodeFromServer=()=>{
返回“console.log(234234)}>Show in console”;
};
导出默认函数App(){
返回;
}
在浏览器中呈现的是:
<div onClick={() => console.log(234234)}>Show in console</div>
console.log(234234)}>在控制台中显示
不是真正的按钮这就是你要找的吗
import React from "react";
export default function App() {
const CodeFromServer = "<div onClick={console.log(234234)}>Show in console</div>";
return (
<div className="App">
<div dangerouslySetInnerHTML={{__html:CodeFromServer}}></div>
</div>
);
}
从“React”导入React;
导出默认函数App(){
const CodeFromServer=“在控制台中显示”;
返回(
);
}
当div得到onClick时,它会显示在控制台上
这个简单的示例似乎有效,但更复杂的代码会导致错误:(