从危险地反应调用脚本函数SetInnerHTML

时间:2019-11-13 14:00:55

标签: javascript html reactjs

我正在与React一起工作,我需要获取HTML页面。该HTML页面包含具有功能的脚本。获取此页面后,我想从那里调用该函数,并在我的react页面应用程序中显示该函数的结果。您能帮我吗,我该怎么办?

componentDidMount() {
    this.setState({isLoading: true});
    fetch('my_url.html')
        .then(response => response.text())
        .then(data => this.setState({html: data, isLoading: false}))
        .catch(function (error) {
            console.log(error);
        });
 }
 render() {
    let {html, isLoading} = this.state;
    if (isLoading) {
        return <div/>;
    }
    let functionNameFromScript = "functionFromScript(1, 2)";
    return (
        <div className="myreactDiv">
            <div dangerouslySetInnerHTML={{__html: html}}/>
            <script src={functionNameFromScript}></script>
        </div>
    );
}

0 个答案:

没有答案