reactjs - 嵌入到 reactjs
问题描述
如何将它嵌入到 ReactJS 应用程序中?
<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div id="tradingview_c8487"></div>
<div class="tradingview-widget-copyright"><a href="https://se.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL diagram</span></a> från TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
new TradingView.widget(
{
"width": 980,
"height": 610,
"symbol": "NASDAQ:AAPL",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "light",
"style": "1",
"locale": "sv_SE",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"container_id": "tradingview_c8487"
}
);
</script>
</div>
<!-- TradingView Widget END -->
解决方案
像这样使用
const myScript = `<!-- TradingView Widget BEGIN -->
<div class="tradingview-widget-container">
<div id="tradingview_c8487"></div>
<div class="tradingview-widget-copyright"><a href="https://se.tradingview.com/symbols/NASDAQ-AAPL/" rel="noopener" target="_blank"><span class="blue-text">AAPL diagram</span></a> från TradingView</div>
<script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script>
<script type="text/javascript">
new TradingView.widget(
{
"width": 980,
"height": 610,
"symbol": "NASDAQ:AAPL",
"interval": "D",
"timezone": "Etc/UTC",
"theme": "light",
"style": "1",
"locale": "sv_SE",
"toolbar_bg": "#f1f3f6",
"enable_publishing": false,
"allow_symbol_change": true,
"container_id": "tradingview_c8487"
}
);
</script>
</div>
<!-- TradingView Widget END -->`
<div dangerouslySetInnerHTML={__html : myScript} />;
推荐阅读
- javascript - 增加 crypto-js 加密中的文件大小限制
- sql - 查询年龄计算和日期比较不一致
- python - 使用 pynput 键盘记录器监听特定键?
- html - 调整视差图像的大小并正确定位
- sql-server - 等效于 SQL Server 中的 Oracle sys_context ('USERENV', 'Client_Identifier')
- java - 重新排序 XML 节点 - Java DOM 解析器
- swift - 是否有通过 firebase firestore 提交通配符搜索请求的功能?
- python - 在 python Singleton 设计模式中得到错误的输出
- laravel - Laravel 测试失败并显示“... ReflectionException: Class config does not exist ...”
- java - 测试使用弹簧服务的方法