☰

ES6/ES7 構文を使用して jQuery UI をインポートするにはどうすればいいですか? 質問する

tag-icon • tag-icon jquery jquery-ui reactjs npm redux
ES6/ES7 構文を使用して jQuery UI をインポートするにはどうすればいいですか? 質問する

reactJS/Redux アプリケーションで jQuery UI 機能を使用しようとしています。以下を使用して jQuery と jQuery UI の両方をインポートしました。

npm install jquery jquery-ui

そして私は次のことを試しました:

import $ from 'jquery';
import jQuery from 'query';
import jQuery-ui from 'jquery-ui';

ただし、次のようなことを実行しようとすると、jQuery UI がインポートされないようです。

componentDidMount() {
  $('ol#myList').selectable();
}

この問題は jQuery UI にあると思います。何が間違っているのでしょうか? このスタックで jQuery UI を動作させるにはどうすればよいですか?

ありがとう！

ベストアンサー1

jquery-ui からの部分インポートを正常に使用しています。つまり、jquery-ui から必要なものだけをモジュールにインポートするということです。

import $ from 'jquery';
import 'jquery-ui/themes/base/core.css';
import 'jquery-ui/themes/base/theme.css';
import 'jquery-ui/themes/base/selectable.css';
import 'jquery-ui/ui/core';
import 'jquery-ui/ui/widgets/selectable';

（ただし、webpackを使用していることに注意してください参考:他の環境ではアプローチが異なる場合があります)

おすすめ記事