2016-03-29 7 views
1

私はReact APPを構築しています。私はいくつかのjQueryプラグインを使用しています。 私のアプリでは、私はES6を使用してすべてのものをインポートしています。ReactとjQueryプラグイン

したがって、普通の環境では、ページに<script />を追加し、プラグインを初期化します。

jQueryプラグインをReactコンポーネントにインポートするにはどうすればいいですか? 誰かが私を説明できますか?

ありがとうございます!

+1

このマニュアルを確認してください:DOM Libsをラップする(https://github.com/ryanflorence/react-training/blob/gh-pages/lessons/05-wraping-dom-libs.md) – shershen

答えて

3

これは、jQueryで何をしようとしているかによって異なります。私はReilとjQueryを混在させるのは良い考えではないという点で@ Vilvanに同意します。なぜなら、Reactは仮想DOMを使用し、すべてのDOM操作はそこで実行されるべきだからです。 Reactは仮想DOMを使って実際のDOMを操作します。 jQueryは実際のDOMを変更するため、問題を引き起こす可能性があります。

ほとんどのUIエフェクトでは、jQueryの代わりにreact-bootstrapを使用します。フェード、モーダルなど、私が必要としていたすべてのUIエフェクトがありました.AJAXコールなどの非DOM機能のためにjQueryを使用していますが、問題は発生していません。

あなたの質問にもっと具体的に答えるために、私はAJAX呼び出しのためにjQueryを使用すると、<script>を使用してjQueryライブラリをインポートします。 jQuery $オブジェクトはグローバルに定義されるため、importは使用しません。

1

jqueryファイルのどこかにアクセスして、'import $ from '<path to jQuery>';を使用できます。これは動作しますが、jQueryとの反応は良い考えではありません。すべてのjQuery実装には、単純な代替の基本的なJavaScript実装があります。あなたはこれを参照することができます。 YouMightNotNeedJQuery

関連する問題