Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 呈现HTML+;React中字符串的JavaScript_Reactjs - Fatal编程技术网

Reactjs 呈现HTML+;React中字符串的JavaScript

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组件内部的字符串(作为服务器响应)呈现实际的html+javascript

React通常不允许通过javascript的innerHTML插入这样的内容。 但是有没有一种方法可以绕过它,让html+js真正工作呢

从“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时,它会显示在控制台上


这个简单的示例似乎有效,但更复杂的代码会导致错误:(