如何在ReactJS中添加小部件脚本

问题描述

我正在将ReactJS与MDBootstrap一起使用。我试图在模式组件内部为捐赠小部件添加脚本，然后该组件在捐赠页面组件内。我尝试使用NPM react-helmet的Helmet头盔，但是没有运气，也许我做得不对，但是我遵循了使用说明。

这是小部件提供程序提供的脚本标签：

<script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/.js" type="text/javascript"></script>

某些代码已被注释掉，但是您会看到我正在尝试做的事情：

import React,{ Component } from 'react';
import { MDBBtn,MDBModal,MDBModalBody,MDBModalHeader,MDBModalFooter } from 'mdbreact';
import { Helmet } from 'react-helmet';

class DonationModal extends Component {
    state = {
        modal: false
    }

    toggle = () => {
        this.setState({
            modal: !this.state.modal
        });
    }

    render() {
        return (
            <div>
                <MDBBtn className='blue-gradient btn-rounded' onClick={this.toggle}><b>One-Time Donation</b></MDBBtn>
                <MDBModal isOpen={this.state.modal} toggle={this.toggle}>
                    <MDBModalHeader toggle={this.toggle}>MOWA Donations</MDBModalHeader>
                    <MDBModalBody>
                        <Helmet>
                            {/* <Meta charSet='utf-8' />
                            <title>MOWA Donation Form</title>
                            <link rel='canonical' href='https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/{custom info removed}.js' /> */}
                            <script src="https://s3-us-west-2.amazonaws.com/bloomerang-public-cdn/{custom info removed}.js" type="text/javascript"></script>
                        </Helmet>
                    </MDBModalBody>
                    <MDBModalFooter>
                        <MDBBtn className="btn-rounded purple-gradient" onClick={this.toggle}>Close</MDBBtn>
                    </MDBModalFooter>
                </MDBModal>
            </div>
        );
    }
}

export default DonationModal;

在此先感谢您的帮助！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript reactjs reactjs