私はスクロール機能に応じていくつかのdivをビューにスライドさせようとしていますし、ページをスクロールしてボタンクリックの特定のポイントまでスクロールさせてしまいました。または、jQueryを使用するだけですか?私はjQueryでそれを行う方法の良いアイデアを持っていますが、かなり新しく反応します。どんな助けでも大歓迎です。ReactはjQueryのようなスクロールアニメーションを持っていますか?
答えて
いいえ、それはありません。
ただし、scrollIntoView apiのネイティブネームを使用すると、簡単に処理できるようにオプション{ behavior: 'smooth' }
を使用できます。それは古いブラウザではうまくいきませんので、IE9 +などをサポートするにはthis polyfillをチェックしてください。
ありがとう!私は最終的にこれを実現させる方法を考え出しました。何らかの理由で、index.jsメインの親コンポーネントのrender関数に呼び出されたすべてのコンポーネントが、idを受け付けない(コンソールの要素タブに表示されない)ため、問題が発生していました。私はスクロールしたいすべてのコンポーネントの周りにdivを追加し、それらにIDを与えて、完璧に機能しました! – jcs1977
リアクションはjQueryのようなUIライブラリではないので、反応するものは何もありません。 antdまたは素材UIなどのスムーズなスクロールのためにライブラリを使用することもできます.jQueryを使用することもできます。
Reactは、再利用可能なユーザーインターフェイスを構築するための単なるライブラリです。フレームワークではないため、アニメーション、フォーム検証などの組み込み機能は提供されません。
本質的に、ビューの効率的なレンダリングに役立ちます。あなたのアプリケーションの残りの部分を作るためにあなた自身のツールを選ぶことはあなた次第です。あなたは、あなたが探していることをするのに役立つカスタムパッケージを見つけることができます。
Reactが既にDOMを処理しているので、jQueryをReactで使用しません。実際、Reactは、特にES6が登場して以来、言語が大幅に改善されているため、バニラJavaScriptの使用を推奨しています。 Web APIには、あなたの人生を楽にする多くの新機能があります。一部のブラウザではまだすべてのブラウザで完全にサポートされていない場合もありますが、ポリフィルを使用して機能させることができます。
- 1. 私は次のようなボタンを持っているjQueryの
- 2. 私はこのようになりますリンクを持っているjqueryの
- 3. 私はこのようになりますURLを持っているjqueryの
- 4. スクロールアニメーションが無効になっていないのはなぜですか?
- 5. は、私は以下のようなHTML何かを持っているjQueryオブジェクト
- 6. jQueryの私はこのようになりますナビゲーション持っているリンク
- 7. jQueryはどのように非同期関数を持っていますか?
- 8. jQueryのは、私はこのような機能は持って
- 9. jQuery - セクションページへのスクロールアニメーション
- 10. 私はそうのようなボタンを持っているのjQuery
- 11. jQueryの - 私はそうのようなテーブルを持っているクラス名
- 12. jQueryの:私のような要素を持つHTMLページを持っている
- 13. は、私がこのようなオブジェクト持ってjQueryの/ jHashtable
- 14. 私は以下のようなマトリックスクラスを持っています:
- 15. jqueryのは、私はこのようなリストを持っている1
- 16. jqueryのは、私はそのようなコードを持っているスクリプト
- 17. jQueryのは - 、私は以下のような形を持っている
- 18. は、私は次のような状況を持っているjQueryのアラートダイアログプラグイン
- 19. jQueryの私はこのようなdiv要素を持っているのdiv
- 20. は、私はこのようないくつかのjQueryコードを持ってjQueryの
- 21. jQueryのは、私はこのような要素持っているのdiv
- 22. 私はこのような文字列を持っているjQueryの
- 23. は、私のようなdiv要素を持っているjqueryの
- 24. fooからselect *はどのような意味を持っていますか?
- 25. あいまい私は次のような問題持って
- 26. 私はそのようなバックボーンビューを持っているjQueryとバックボーンエル
- 27. 私はこのようなデータを持ってDFを持っているR
- 28. vfork()の子はどのような特権を持っていますか?
- 29. GrailsはRailsでacts_as_treeのようなものを持っていますか?
- 30. 私のデータオブジェクトはVBAでどのようなスコープを持っていますか
いいえスクロールを処理するためにReactに組み込まれているものはありません。 [それに役立つたくさんのパッケージがあります](https://www.npmjs.com/package/react-scroll)、おそらく実装が簡単であるため、jQueryを使用する前にそれらをチェックしておくとよいでしょう。 –