如何将一个jQuery插件导入我的React组件? turnjs

时间:2019-03-18 18:57:44

标签: javascript jquery reactjs

在30个帖子之后,到目前为止,我似乎都没有搜索过关于stackoverflow的任何信息来帮助我解决这个问题。

所以... 我想实现这个: http://www.turnjs.com/

加入我的反应组件。

-我尝试在html文件中使用script标记,但是当我使用这些功能时,react ofc无法识别它,并且给了我错误。

-我尝试过:

import $ from 'jquery';
require( "./turn.min.js" );

但是然后它给了我关于turn.min.js语法的1000条错误(因为它是所有jquery)。什么都不能运行。

jquery undefined & syntax errors

那我该怎么办?我真的需要使用这个jQuery插件。

编辑:

从npm安装了它,但到目前为止已经发布: turn is not a function

2 个答案:

答案 0 :(得分:5)

该软件包已在npm注册表中提供。因此,您可以使用

安装该软件包

npm install turn-js

并将依赖项导入到您的react项目中。

import $ from 'jquery';
import Turn from 'turn-js';

答案 1 :(得分:0)

我知道这个问题已经回答了,但是我面临着同样的问题,问题是我使用的是jQuery的较新版本,如文档结尾处所述

  

最新版本使用jQuery 1.12.0,因为jQuery 3.x打破了   翻页器。

软件包名称是turn.js而不是turn-js,您可以在https://www.npmjs.com/package/turn.js上找到该软件包

我什至做出了demo using React 16.10。或React class base