如何解决如何在 React Jsx 组件中使用外部 JS/Jquery
希望你一切顺利,身体健康。 我是 React.js 的初学者并且正在做我的 FYP 项目,我遇到了一个问题,我无法在 React 中插入外部 JS 或 Jquery 代码, 我在 StackOverflow 中尝试了许多 npm 和提到的流程,但那不起作用? 我应该怎么办?我在哪里导入这些脚本??
解决方法
//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();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。