我想使用 jquery 插件Chosen https://harvesthq.github.io/chosen/在我的项目中。我安装了 jQuery 并通过 npm 选择:
npm i jquery chosen-js -S
这两个库现在都位于我的 node_modules 文件夹中。不幸的是我不断收到错误:ReferenceError: jQuery is not defined
当应用程序尝试编译时。
这是我调用 Chosen 库的地方:
import React from "react";
import ReactDom from "react-dom";
import $ from "jquery";
import "chosen-js/chosen.css";
import "chosen-js/chosen.jquery.js";
class App extends React.Component {
componentDidMount() {
$(this.refs.list).chosen();
}
render() {
return (
<select ref="list">
<option>vanilla</option>
<option>chocolate</option>
<option>strawberry</option>
</select>
);
}
}
ReactDom.render(, document.getElementById("app"));
Here's a pic of the error:
我也在 Udemy 上回答了你的问题。
如果你真的想认真对待你的 React 职业,你需要最终停止使用 jQuery。
我使用react-select制作了非常复杂的选择组件,甚至使用来自API的数据。我建议使用 React Select 来满足您所有的选择需求,它是一个强大的组件,将改变您的生活。
如果您仍然发现必须使用 selected.js,请编辑“chosen-js/chosen.jquery.js”并添加 import 语句或 require 语句,例如
import jQuery from 'jquery' // or
const jQuery = require('jquery');
这样参考误差就消失了。然而,如果你考虑从事严肃的前端职业,你需要明白 jQuery 已经死了,严肃的应用程序不会同时使用 React 和 jquery 来解决臃肿和冗余的简单问题
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)