如何将 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 为这些嵌套制作了产品