如何将TradingView小部件插入脚本标记链接中的react js中:https://www.tradingview.com/widget/market-overview/ [英] how to to insert TradingView widget into react js which is in script tag link: https://www.tradingview.com/widget/market-overview/

问题描述

export default class extends Component {
    render() {
        return (
            <div>
                {
                        /***
                         * enter the code here
                          */
                }
            </div>
        )
    }
}

推荐答案

export default  class Tabsshow extends React.PureComponent {
    constructor(props) {
        super(props);
        this._ref = React.createRef();
    }
 componentDidMount() {
        const script = document.createElement('script');
        script.src = 'https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js'
        script.async = true;
        script.innerHTML = /* JSON-ENCODED SETTINGS STRING FROM EMBED CODE */
        this._ref.current.appendChild(script);
    }
    render() {
        return(
        <div class="tradingview-widget-container" ref={this._ref}>
            <div class="tradingview-widget-container__widget"></div>
           
        </div>
        );
    }
   
}

这篇关于如何将TradingView小部件插入脚本标记链接中的react js中:https://www.tradingview.com/widget/market-overview/的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！