将带有 jquery 的 html 模板转换为 React js
Posted
技术标签:
【中文标题】将带有 jquery 的 html 模板转换为 React js【英文标题】：Converting html template with jquery to 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 可以用来做很多事情，没有一刀切没有细节的问题的答案 【参考方案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>
)
【讨论】：
以上是关于将带有 jquery 的 html 模板转换为 React js的主要内容，如果未能解决你的问题，请参考以下文章
带有 jquery 的 Django 模板：现有页面上的 Ajax 更新
如何使用 jQuery 将 HTML 文本区域转换为 word:count 键值数组？