javascript - React：添加另一个库所需的 jquery

Question

我想在我的反应项目中使用库 Trumbowyg 。但问题是库抛出错误jQuery is not defined。

我发现 jquery 必须以某种方式作为全局变量暴露给窗口的信息。该库的作者提供了示例，Webpack但我的项目中没有此示例。

所以我已经安装了 jquerynpm install并尝试导入它并像这样设置为 window 变量（它不起作用）：

import jquery from 'jquery';
window.$ = window.jQuery = jquery;

我该如何设置jquery才能trumbowyg看到它？create-react-app如果可以帮助您，我已经使用命令创建了我的项目。

标签： javascriptjqueryreactjstrumbowyg

Answer 1

正如其他人评论的那样，您应该选择其他不使用 jQuery 的库。但是，如果您仍然想使用，那么您可以执行以下操作：

import jquery from 'jquery'
import Trumbowyg from 'react-trumbowyg';
...
componentDidMount() { // hook the jQuery when component is mounted
  window.$ = window.jQuery = jquery;
}
render() {
  return <Trumbowyg id='react-trumbowyg'/>
}

如果这仍然不起作用，则需要插件。