TradingView 위젯을 Next.js에 삽입하세요.

Question

Next.js 프로젝트에 TradingView 위젯을 삽입하려고 하는데 아무 것도 표시되지 않습니다. 내가 여기서 뭔가 잘못하고 있는 걸까요?

'react'에서 React 가져오기
"반응 헬멧"에서 { 헬멧 } 가져오기

함수 EconomicCalendar() {
  반품 (
    <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">TradingView에서 모든 마켓을 추적하세요</span>
          </a>
        </div>
        <헬멧>
          <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-events.js" async>
          {`
            {
              "너비": "100%",
              "높이": "100%",
              "colorTheme": "어두운",
              "isTransparent": 거짓,
              "locale": "ko",
              "importanceFilter": "-1,0,1",
              "currencyFilter": "AUD,USD,CAD,CNY,EUR,FRF,DEM,ITL,JPY,KRW,MYR,MXN,NZD,SGD,ZAR,ESP,CHF,TRL,GBP"
            }
          `}
          </스크립트>
        </헬멧>
      </div>
    </div>
  )
}

기본 경제 달력 내보내기

보통 무엇을 해야 할까요

Answer 1

Next.js를 사용하는 경우 헤드에 스크립트 태그를 삽입하기 위해 React 헬멧을 사용할 필요가 없습니다. Next.js에는 타사 JavaScript를 최적화하고 관리하는 자체 스크립트가 있습니다. 또는 인라인 스크립트를 추가하여 인라인 JavaScript를 작성할 수 있습니다.

공식 문서를 참고해주세요 https://nextjs.org/docs/app/building-your-application/optimizing/scripts