Javascript 如何在React Jsx组件&x27;中使用外部JS/Jquery;s

Javascript 如何在React Jsx组件&x27;中使用外部JS/Jquery;s,javascript,reactjs,react-scripts,external-js,custom-react-scripts,Javascript,Reactjs,React Scripts,External Js,Custom React Scripts,希望你做得很好,身体健康。 我是React.js的初学者,在我的FYP项目中,我遇到了一个问题,无法在React中插入外部js或Jquery代码, 我已经尝试了很多npm,并提到了StackOverflow中的流程,但这不起作用吗? 我该怎么办?我在哪里导入这些脚本 //import all libraries here import React, { Component } from "react"; //importing react import $ from &

希望你做得很好,身体健康。 我是React.js的初学者,在我的FYP项目中,我遇到了一个问题,无法在React中插入外部js或Jquery代码, 我已经尝试了很多npm,并提到了StackOverflow中的流程,但这不起作用吗? 我该怎么办?我在哪里导入这些脚本

//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,我建议使用功能组件

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();
}
从“React”导入React;
常量示例=()=>{
返回(
你好,世界
这是在一个函数中
);
};
导出默认函数App(){
返回示例();
}

在文件顶部,如从“React”导入React或
从“jquery”导入$对不起,我不明白你的意思,你能解释一下吗?我应该为计划javascript/Json做些什么,我应该把它放在哪里,以便它在返回中呈现它的相关DOM???检查更新的答案。