在React專案中，使用 script 標籤

react script html

janlin002 2022-03-24 09:55:44 ‧ 867 瀏覽

分享至

工作上有個需求是要顯示顧客的JavaScript版本號，目前已查到可以使用 Script標籤取得JavaScript版本號，
不過目前專案是使用React開發，想請問一下有沒有方法可以把以上方法搬到React專案上？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

harry xie

iT邦研究生 1 級 ‧ 2022-03-24 10:46:52

你把你截圖的那段程式碼貼在 public/index.html 前面就可以了，我試過是可以運作~

回應 3
分享
檢舉

janlin002 iT邦好手 1 級 ‧ 2022-03-24 11:04:42 檢舉

index.html可行，不過是要再React專案中使用，問題點是要在React中使用script這個標籤

harry xie iT邦研究生 1 級 ‧ 2022-03-24 11:20:14 檢舉

你寫 React 元件那些東西，最後也是 append 到 index.html 的例如 div id="root"></div> 裡面，所以我覺得加到 index.html 也沒什麼不行

不然你試試動態新增 tag 好了，舉例而已，我沒驗證過XD

useEffect(() => {
  const script = document.createElement('script');
  script.language = "Javascript1.1";
  jsver = 1.1;
  script.innerText = jsver;
  document.body.appendChild(script);
return () => {
    document.body.removeChild(script);
  }
}, []);