Javascript 如何向React组件添加HTML和JS功能？

因此，有一个外部服务，其访问sdk的唯一方式是通过一个单一的静态网站进行示例，但我使用的是React应用程序

我发现，如果我以这种方式使用组件：

import React from 'react';

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

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

从“React”导入React；
const acmeID=`你好！`；
导出默认函数AcmeID（）{
返回；
}

---

我可以让这个组件呈现到屏幕上，而不必进入

App.js

并将其作为

删除，也不必使用HTML锚标记，但我需要使用带有JavaScript源的脚本标记来访问sdk。我可以构建一个完整的HTML标记，包括

acmeID

变量中的javascript脚本标记吗？我只是试着把一个HTML模板标记放在那里，我得到了一个白色的屏幕。

我不这么认为，因为react为这些嵌套生成了一个产品