将带有 jquery 的 html 模板转换为 React js答案

【问题标题】：Converting html template with jquery to React js将带有 jquery 的 html 模板转换为 React js
【发布时间】：2020-12-05 02:49:39
【问题描述】：

我有一个类似的html模板

<!doctype html>
<html lang="en">
  <head>
  </head>
  <body>
</body>
some body
<script type="text/javascript">
**Some JQUERY**
</script>

  </body>
</html>

我正在尝试将其转换为反应功能组件。一切都已完成但是在脚本标记中，有一些为正文中的元素之一编写的 JQUERY。

谁能告诉我如何在我的组件中实现这个 jquery 或者如何将脚本标签中的函数转换为 javascript 函数？？

【问题讨论】：

停下来想想你在问什么......如何将我们看不到或不知道它做什么的代码转换成其他东西。听起来很神奇
对不起，我不能把代码放在这里。基本上我的问题是如何在反应功能组件中实现 jquery 代码
这取决于具体代码的作用，您绝对没有给出任何细节。 jQuery 可以用来做很多事情，没有一刀切没有细节的问题的答案

标签： javascript html jquery reactjs

【解决方案1】：

您可以通过使用 react 功能组件或使用 react hooks 来做到这一点。

示例：

import React, {useEffect, useState} from "react"; 

import * as $ from "jquery";

const HtmlToReact = () => {
  const [loaded, setLoaded} =useState(false);
  useEffect(() => {
    if (!loaded) {
      setLoaded(true);
      // ... jquery//;    
     }
   },[loaded]);
  return (
    <body>
      //statement
    </body>
  )
}

【讨论】：