Javascript 使用jquery将html模板转换为React js
我有一个html模板，比如Javascript 使用jquery将html模板转换为React js,javascript,html,jquery,reactjs,Javascript,Html,Jquery,Reactjs,我有一个html模板，比如 <!doctype html> <html lang="en"> <head> </head> <body> </body> some body <script type="text/javascript"> **Some JQUERY** </script> </body> </html>
<!doctype html>
<html lang="en">
<head>
</head>
<body>
</body>
some body
<script type="text/javascript">
**Some JQUERY**
</script>
</body>
</html>
某人
**一些JQUERY**
有谁能告诉我如何在我的组件中实现这个jquery，或者如何将script标记中的函数转换成javascript函数吗？您可以通过使用react functional component或react hook来实现 示例：
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>
)
}
import React，{useffect，useState}来自“React”；
从“jquery”导入*为$；
常量HtmlToReact=（）=>{
const[loaded，setLoaded}=useState（false）；
useffect（（）=>{
如果（！已加载）{
setLoaded（真）；
//…jquery/；
}
}，[加载]；
返回(
//声明
)
}