React：添加另一个库需要的 jquery

Question

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

我发现 jquery 必须以某种方式作为全局变量暴露给 window。库的作者 provide example 和 Webpack 但我的项目中没有这个。

所以我已经通过 npm install 安装了 jquery 并尝试导入它并设置为 window 变量，就像这样（它没有工作）：

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

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

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'/>
}

如果还是不行，那么。

React：添加另一个库需要的 jquery

React: Add jquery needed by another library

javascript

jquery

reactjs

trumbowyg