如何將 HTML 和 JS 功能添加到 React 組件？

Question

所以有一個外部服務，它訪問他們的 sdk 的唯一方法是通過一個單一的 static 網站，但是我正在使用一個 React 應用程序。

我發現如果我以這種方式使用組件：

import React from 'react';

const acmeID = `<h1>Howdy!</h1>`;

export default function AcmeID() {
  return <div dangerouslySetInnerHTML={{__html: acmeID}} />;
}

我可以讓這個組件呈現到屏幕上，而不必將 go 放入App.js並將其作為<Route />刪除，並且不必使用 HTML 錨標簽，但我需要使用帶有 Z686155AF75A1F7A0F6E9D8C 的腳本標簽來訪問源代碼sdk。 我可以構建一個完整的 HTML 標記，包括該acmeID變量中的 javascript 腳本標記嗎？ 我剛剛嘗試在其中放置一個 HTML 樣板標記，然后我得到了一個白屏。

Answer 1

我不認為是因為 react 為這些嵌套制作了產品