私はReact APPを構築しています。私はいくつかのjQueryプラグインを使用しています。 私のアプリでは、私はES6を使用してすべてのものをインポートしています。ReactとjQueryプラグイン
したがって、普通の環境では、ページに<script />
を追加し、プラグインを初期化します。
jQueryプラグインをReactコンポーネントにインポートするにはどうすればいいですか? 誰かが私を説明できますか?
ありがとうございます!
私はReact APPを構築しています。私はいくつかのjQueryプラグインを使用しています。 私のアプリでは、私はES6を使用してすべてのものをインポートしています。ReactとjQueryプラグイン
したがって、普通の環境では、ページに<script />
を追加し、プラグインを初期化します。
jQueryプラグインをReactコンポーネントにインポートするにはどうすればいいですか? 誰かが私を説明できますか?
ありがとうございます!
これは、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
は使用しません。
jqueryファイルのどこかにアクセスして、'import $ from '<path to jQuery>';
を使用できます。これは動作しますが、jQueryとの反応は良い考えではありません。すべてのjQuery実装には、単純な代替の基本的なJavaScript実装があります。あなたはこれを参照することができます。 YouMightNotNeedJQuery
このマニュアルを確認してください:DOM Libsをラップする(https://github.com/ryanflorence/react-training/blob/gh-pages/lessons/05-wraping-dom-libs.md) – shershen