如何在Javascript中返回脚本标记？

我试图用javascript返回一个脚本标记

export const MarketData = () => {
  return (
    <>
      <p>
         Market Data
      </p>
      {/* Script tag here */}
    </>
  )
}

export const MarketData=（）=>{
返回(

市场数据

{/*此处的脚本标记*/}
)
}

脚本标记如下所示：

  <script type="text/javascript" src="https://s3.tradingview.com/external-embedding/embed-widget-market-quotes.js" async>
  ...
</script>

...

我尝试嵌入的完整代码可以在以下位置找到：

我该如何着手实现这一点

---

谢谢

为什么不使用JavaScript添加DOM元素呢？你在问一个问题。我建议您询问如何将脚本包含在页面中。@tadman我试图避免这样做，因为我需要根据单击的不同按钮取消此图表的显示。不要使用

script

标记！每一个问题都是关于脚本的，这能回答你的问题吗？