Javascript 为reactjs添加交易视图wiget(在我国,我们使用类似于tradingview的fireant)

Javascript 为reactjs添加交易视图wiget(在我国,我们使用类似于tradingview的fireant),javascript,html,reactjs,tsx,tradingview-api,Javascript,Html,Reactjs,Tsx,Tradingview Api,如何在react tsx项目中嵌入此组件( 在我们使用fireant而不是tradingview的国家,这两种嵌入非常相似)。 我尝试了script.innerHtml,但收到消息说找不到new Fireant.Marketwiget或new Tradingview.wiget <script src="https://www.fireant.vn/Scripts/web/widgets.js"></script> <div id="f

如何在react tsx项目中嵌入此组件( 在我们使用fireant而不是tradingview的国家,这两种嵌入非常相似)。 我尝试了script.innerHtml,但收到消息说找不到new Fireant.Marketwiget或new Tradingview.wiget

<script src="https://www.fireant.vn/Scripts/web/widgets.js"></script>
<div id="fan-quote-121"></div>
<script type="text/javascript">
    new FireAnt.MarketsWidget({
        "container_id": "fan-quote-121",
        "locale": "vi",
        "price_line_color": "#71BDDF",
        "grid_color": "#999999",
        "label_color": "#999999",
        "width": "350px",
        "height": "250px"
    });
</script>

新FireAnt.MarketsWidget({
“容器id”:“fan-quote-121”,
“语言环境”:“vi”,
“价格线颜色”:“#71BDDF”,
“网格颜色”:“#999999”,
“标签颜色”:“#999999”,
“宽度”:“350px”,
“高度”:“250px”
});
我也有同样的问题


Bở我喜欢TradingView
新TradingView.widget(
{
“宽度”:980,
“高度”:610,
“符号”:“纳斯达克:AAPL”,
“间隔”:“D”,
“时区”:“Etc/UTC”,
“主题”:“光”,
“风格”:“1”,
“语言环境”:“vi_VN”,
“工具栏背景”:“#f1f3f6”,
“启用发布”:false,
“允许符号更改”:true,
“容器id”:“tradingview\u 22c32”
}
);