Question

我是React的新手，并且在我的file.jsx中调用可排序方法时遇到问题：

import $ from 'jquery'
...

    $('.myId').sortable( //error when calling sortable//
    {
      .....
    ......
    })
...

我已经说过：

"jquery": "^2.2.3",
 "jquery-ui": "^1.10.5",
 "jquery.ui.widget": "^1.10.3",

到package.json。所以我认为我的windows环境对于玩反应来说是个不错的选择。问题是在调用$('#myId').sortable()任何想法如何解决这些人时都会出错？在此先感谢：）

注意：我试着说：

    <script src="http://code.jquery.com/jquery-1.9.0.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>

使用$（＆＃39; .myId＆＃39;）到我的file.php，但它仍然无法正常工作..

Answer 1

关于如何在React中使用JQuery，您可以参考此答案 Jquery in React

但是您仍然会遇到与使用第三方javascript库相同的错误。

由于其全局变量，因此您需要window.$('#id').sortable

import $ from 'jquery'
...

window.$('.myId').sortable( //error when calling sortable//
{
  .....
......
})
...

这将解决您的问题，并且不要忘记使用componentDidMount(){...}

未捕获的TypeError：（0，_jquery2.default）（...）。sortable不是函数

1 个答案: