首页 > 解决方案 > 如何将 HTML 和 JS 功能添加到 React 组件?

问题描述

因此,有一个外部服务访问其 sdk 的唯一方法是通过一个整体静态网站作为示例,但是我正在使用 React 应用程序。

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

import React from 'react';

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

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

我可以让这个组件呈现到屏幕上,而无需进入App.js并删除它作为 a<Route />并且不必使用 HTML 锚标记,但我需要使用带有 JavaScript 源的脚本标记来访问 sdk。我可以构建一个完整的 HTML 标记,包括该acmeID变量中的那个 javascript 脚本标记吗?我只是尝试在其中放置一个 HTML 样板标记,然后我得到了一个白屏。

标签: javascriptreactjs

解决方案


我不认为是因为 react 为这些嵌套制作了产品


推荐阅读