使用 jquery 将 html 模板转换为 React js

Question

我有一个 html 模板，例如

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

  </body>
</html>

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

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

Answer 1

您可以通过使用反应功能组件或使用反应挂钩来做到这一点。

例子：

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

问题描述

1 个解决方案

解决方案1
0 2020-08-17 05:13:37

使用 jquery 将 html 模板转换为 React js

问题描述

1 个解决方案

解决方案1 0 2020-08-17 05:13:37

解决方案1
0 2020-08-17 05:13:37