如何在 React Jsx 组件中使用外部 JS/Jquery

Question

希望你做得很好，身体健康。 我是 React.js 的初学者并正在做我的 FYP 项目，我遇到了一个问题，我无法在 react 中插入外部 JS 或 Jquery 代码，我尝试了许多 npm 并在 StackOverflow 中提到了进程，但是不行？ 我应该怎么办？ 我在哪里导入这些脚本？？

Answer 1

//import all libraries here   
import React, { Component } from "react"; //importing react
import $ from "jquery"; // be sure to do npm install jquery
import some_library from "./path/to/some/library"; //importing directly from .js file

class App extends Component {
  render() {
    return (
      ...
    );
  }
}

export default App;

---

如果你想使用纯 JavaScript/JSON 来渲染其相关的 DOM，我推荐 go 与功能组件。

import React from "react";

const example = () => {
  return (
    <div className="App">
      <h1>Hello World</h1>
      <h2>This is inside a function</h2>
    </div>
  );
};

export default function App() {
  return example();
}