动态插入将通过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
,则会出现另一个问题: