如何在 React 中使用 Hooks 嵌入代碼

Question

我有以下嵌入代碼需要集成到我的 React 應用程序中（使用鈎子）：

<script 
class="123abc" 
type="text/javascript" 
src="https://cdn2.fake.com/Scripts/embed-button.min.js" 
data-encoded="lsakjdfioejfklsdKLJFLDSidjfklJSDJfLFKJEI88DdfDF8Ad9sa7">
</script>

我該怎么做呢？ 我發現的資源似乎不允許我實現數據編碼部分......

基於將腳本標記添加到 React/JSX，您可以看到答案有一個 useEffect & hooks 解決方案，但我無法弄清楚我將如何實現數據編碼部分（或與此相關的類部分）。

Answer 1

你可以創建一個門戶來添加一個腳本塊，而不是直接從你的反應腳本中改變 DOM！

Answer 2

編輯文件頭通常使用react-helmet 。

支持所有有效的 head 標簽：title、base、meta、link、script、noscript 和 style 標簽。

Answer 3

這個怎么樣：

componentDidMount () {
    const script = document.createElement("script");
    script.src = "https://cdn2.fake.com/Scripts/embed-button.min.js";
    script.async = true;

    document.body.appendChild(script);
}