javascript - 如何通过 Hooks 在 React 中使用嵌入代码

标签 javascript reactjs react-hooks embed

我需要将以下嵌入代码集成到我的 React 应用程序中(使用 Hook ):

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

我该如何去做呢?我找到的资源似乎不允许我实现数据编码部分...

基于Adding script tag to React/JSX您可以看到答案有一个 useEffect 和 hooks 解决方案,但我无法弄清楚如何实现数据编码部分(或与此相关的类部分)。

最佳答案

您可以创建一个门户来添加脚本 block ,而不是直接从 React 脚本中改变 DOM!

关于javascript - 如何通过 Hooks 在 React 中使用嵌入代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60918188/

相关文章:

reactjs - 如何在类组件中使用 Context API

javascript - 我的所有 CSS 文件都被导入到我的 React JS 文件中,但我没有导入它们?

reactjs - 我应该记住自定义 Hook 中的函数吗?

javascript - React useCallback 设置对回调内调用的函数的依赖

javascript - React Hooks——未捕获的不变违规 : Objects are not valid as a React child

javascript - 多次调用setInterval然后清除间隔,轮询没有停止

javascript - D3 轴原点根据其刻度范围变化

javascript - 无法在本地 react 应用程序中下载pdf

javascript - Node.js 类模块系统

javascript - Express React 应用程序在本地运行,但在 heroku 部署时出现错误