在开发我的react应用程序时遇到同样的问题。所以我使用这样一个命令导入JQuery
npm install jquery
后来我从网站上下载了一个js-min文件，
https://redopop.com/loupe/
您可以在顶部找到它。它名为jquery.lope.min.js。所以我复制了它，并在src文件夹中创建了自己的js文件。
在我的标题中，我包括了所有的文件：
import $ from 'jquery';
import './jquery.loupe.min.js'
在我的函数中，我尝试调用循环：
if (this.props.activeItem === "Loop") {
$('graph').loupe();
//window.$ = window.jQuery = require('jquery')
//window.$('graph').loupe();
}
我认为第二行和第三行应该有效，但结果是一样的。没有错误，但什么都没有。我的控制台。窗口$的日志
content.js?5f7c:406 ƒ ( selector, context ) {
// The jQuery object is actually just the init constructor 'enhanced'
// Need init if jQuery is called (just allow error to be thrown if not included)
return new jQuery…
因此，在我的渲染方法中，我有一个画布，我想与循环连接：
<div className="canvas">
<canvas
id="graph"
className="canvas-actual"
width="800px"
height="480px"
ref={this.canvasRef}
onMouseDown={this.handleMouseDown}
onMouseMove={this.handleMouseMove}
onMouseUp={this.handleMouseUp}
>
</canvas>
什么也没发生。没有错误或警告。我没有什么重要的想法。谢谢代码(需要python2(
https://github.com/andr1312e/React-recognize
你好，Andrew，如果你使用react.js，我建议你使用库反应图像放大器
如果使用react rty，请使用此
反应图像放大镜：一组响应灵敏、图像放大的React组件，用于鼠标和触摸。