嵌入到 reactjs答案

【问题标题】：Embed into reactjs嵌入到 reactjs
【发布时间】：2020-08-12 14:57:13
【问题描述】：

如何将其嵌入到 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 -->

【问题讨论】：

到目前为止你有什么尝试？

标签： reactjs

【解决方案1】：

这样使用

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} />;

here is the documentation

【讨论】：