將TradingView小工具插入到Next.js中。
P粉478188786
P粉478188786 2023-07-27 14:09:01
0
1
537
<p>我正在嘗試將TradingView小工具插入到我的Next.js專案中,但它沒有顯示任何內容。我在這裡做錯了什麼嗎? </p> <pre class="brush:php;toolbar:false;">import React from 'react' import { Helmet } 從 "react-helmet" function EconomicCalendar() { return ( <div> <div className="tradingview-widget-container"> <div className="tradingview-widget-container__widget"></div> <div className="tradingview-widget-copyright"> <a href="https://www.tradingview.com/" rel="noopener nofollow" target="_blank"> <span className="blue-text">Track all markets on TradingView</span> </a> </div> <Helmet> <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async> {` { "width": "100%", "height": "100%", "colorTheme": "dark", "isTransparent": false, "locale": "en", "importanceFilter": "-1,0,1", "currencyFilter": "AUD,USD,CAD,CNY,EUR,FRF,DEM,ITL,JPY,KRW,MYR,MXN,NZD,SGD,ZAR,ESP,CHF,TRL,GBP" } `} </script> </Helmet> </div> </div> ) } export default EconomicCalendar</pre> <p>通常該怎麼做</p>
P粉478188786
P粉478188786

全部回覆(1)
P粉930448030

如果您使用的是Next.js,您不需要使用React Helmet將腳本標籤插入頭部。 Next.js有自己的Script來最佳化和管理第三方JavaScript。或者您可以透過新增內嵌腳本來編寫內聯JavaScript。

請參閱官方文件https://nextjs.org/docs/app/building-your-application/optimizing/scripts

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板