Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.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执行的脚本标记_Reactjs_React Jsx - Fatal编程技术网

动态插入将通过Reactjs执行的脚本标记

动态插入将通过Reactjs执行的脚本标记,reactjs,react-jsx,Reactjs,React Jsx,关于这个问题有很多答案,但我正在寻找一些特定的答案 我的组件代码: render:function(){ 返回( ); } }); 脚本标记在页面上,但没有执行。我是否应该走出react,像其他答案所示,使用好的ol'DOM脚本?据我所知,react的方法是使用“componentDidMount”函数在div中插入您想要的内容,包括一些外部脚本 如果您的组件是动态的并且接收规则的新道具,您还应该考虑其他方法(如组件式更新)。 关于使用jQuery插入脚本的更多信息 componentDid

关于这个问题有很多答案,但我正在寻找一些特定的答案

我的组件代码:

render:function(){
返回(
);
}
});

脚本标记在页面上,但没有执行。我是否应该走出react,像其他答案所示,使用好的ol'DOM脚本?

据我所知,react的方法是使用“componentDidMount”函数在div中插入您想要的内容,包括一些外部脚本

如果您的组件是动态的并且接收规则的新道具,您还应该考虑其他方法(如组件式更新)。 关于使用jQuery插入脚本的更多信息

componentDidMount:function(){
var embedCode=this.props.embedCode;////我的js脚本代码
$('#scriptContainer')。追加(嵌入代码);
},
渲染:函数(){
返回(
);
}

});想要避免jquery,很抱歉我应该这么说。我最终使用了html();这有点不可思议,显然jquery不仅仅做
constdiv=document.createElement('div')
div.innerHTML=''
document.getElementById('put_script_here').appendChild(div)
,但它可以工作请注意,如果外部脚本执行
document.write
,则会出现另一个问题: