我正在尝试在React组件中使用jquery自动完成插件。
我已经使用npm install jquery-autocomplete --save
接下来,我尝试在我的React组件中使用这样的插件:
import React, { Component } from "react";
import jQuery from "jquery";
// import $ frmom 'jQuery';
import autocomplete from "jquery-autocomplete";
class AutoComplete extends Component {
componentDidMount() {
this.refs.autoCompleteInput.autocomplete({
source: ["aaa", "aab", "aac", "abb", "bbb"]
});
}
state = {};
render() {
return <input ref="autoCompleteInput" />;
}
}
export default AutoComplete;
使用此代码时,我收到此错误消息ReferenceError: jQuery is not defined
。
我需要做什么才能使用jQuery插件?
编辑: 我也尝试过以下方法但没有成功:
//import { jQuery } from "jquery";
import "jquery";