onAuthStateChanged を介して Firebase で配列を含むユーザー データをクエリするときに無限ループの問題が発生する

現在の環境は ReactJS18.2.0 で Firebase10 で動作しています。現在発生している問題は、onAuthStateChanged を使用して、ユーザーがページを読み込むときまたはページにログインするとき...

から [Reactディスカッショングループ] 2023-08-18 15:16:51 0  1  416

タイトルは次のように書き換えられました: 何があっても配列から値を取得できません

React コンポーネントで配列からのデータを表示しようとしています。ブラウザ開発者コンソールの console.log() を通じて、必要なデータを確認できます。 FinalRecords.js::recordTitl...

から [Reactディスカッショングループ] 2023-08-18 15:22:01 0  1  594

useEffect を使用して背景色の状態を維持するためのヒント

ウィッシュリストのトグルボタンの背景色を保存しようとしています。これにより、ユーザーがページ間を移動してもボタンの色は「黒」のままになり、アイテムがウィッシュリストに保存されたことがユーザーに示されます。 constIt...

から [Reactディスカッショングループ] 2023-08-18 15:08:53 0  1  498

useCallback ヘルプ コードはどのようにして高速に実行されるのでしょうか?

useCallback は関数をキャッシュできると言われていますが、その意図はコードの実行を高速化することだと思います。たとえば、conshandleChange=(ev)=>{setMsg(ev.target.v...

から [Reactディスカッショングループ] 2023-08-18 10:02:15 0  1  491

React JS と Lenis のスムーズスクロールで画面を切り替えるときにトップに戻る方法

私は lenis を使用してスムーズ スクロールを実装しており、App.js で使用する ScrollToTop.js ファイルがあります。ページがスクロールしていないときは正常に動作しますが、別のページに移動するボタン...

から [Reactディスカッショングループ] 2023-08-18 09:58:58 0  1  640

Reactjs を使用するときに Cross-Origin-Opener-Policy を設定する方法

React アプリの「Cross-Origin-Opener-Policy ポリシーにより window.closed call が防止されます」エラーを解決するにはどうすればよいですか?このエラーは、サーバーに設定され...

から [Reactディスカッショングループ] 2023-08-18 09:41:51 0  1  602

OpenWeather() では常に 401 解像度を使用します - 反応オープンウェザー ライブラリ

React アプリケーションに天気ウィジェットを追加したいと考えており、React-Open-Weather ライブラリを使用しようとしています。ただし、データを取得する関数 useOpenWeather() は常に 4...

から [Reactディスカッショングループ] 2023-08-18 09:24:49 0  1  507

クラスを変更した後、ブラウザの TailwindCSS が更新されない

React で Tailwind を実行していますが、classNames に加えた変更を確認するには、サーバーを再起動し、npmrunstart を再度実行して更新を確認する必要があります。サーバーを再起動せずにブラウ...

から [Reactディスカッショングループ] 2023-08-18 09:24:44 0  1  487

ReactJSで5秒ごとにメッセージを表示する方法

メッセージの配列があり、配列内の各メッセージを React ページのヘッダー コンポーネントに表示したいと考えています。 constarray=['a','b','c','d']; 各メッセージをラベルに表示したいのです...

から [Reactディスカッショングループ] 2023-08-18 09:19:37 0  1  478

カーソルベースのページネーションでページ項目を使用できますか?

カーソルベースのページネーションでページ項目を使用できますか?たとえば、特定のページに直接アクセスできるかどうかなどです。たとえば、ページ自体には明示的に番号が付けられていないため、5 ページに直接ジャンプするように求め...

から [Reactディスカッショングループ] 2023-08-17 22:12:25 0  1  496

オブジェクトの配列を使用する場合は、yup と reverse-hook-form の名前を連結します

レジスタを介してreact-hook-formをyupのスキーマに接続しようとしていますが、エラーが発生します。私の目標は、入力ボックスをループでレンダリングするため、exampleArray${index}.examp...

から [Reactディスカッショングループ] 2023-08-17 21:56:44 0  1  470

エンドユーザーがレンダリングできるように React アプリケーションを WordPress ブロックに埋め込むにはどうすればよいですか?

React アプリケーションを WordPress ブロックに埋め込み、このアプリケーションをエンドユーザーに提供したいと考えています。アプリを view.js に配置できることを期待していますが、view.js のコン...

から [Reactディスカッショングループ] 2023-08-17 21:15:10 0  1  452

リンク内の埋め込みボタン、onClick リンクのチェーン効果を停止する方法

以下の例のようなコードがあります。ユーザーを URL に送信するクリック可能なグリッド セルを作成しようとしていますが、埋め込み画像ボタンがクリックされたときに onClick イベントのみを発生させ、他のイベントは発生...

から [Reactディスカッショングループ] 2023-08-17 21:31:04 0  1  433

PDF.js ではレンダリングされたキャンバス イメージを表示できません

PDF を表示する React コンポーネントがあります。このコンポーネントを使用するときは、PDF の URL を渡すだけです。このコンポーネントはプレビューの詳細を処理します。私が抱えている問題は、このコンポーネント...

から [Reactディスカッショングループ] 2023-08-17 20:02:20 0  1  585

ReactJS で、useState の値を別のファイルから更新するにはどうすればよいですか?

2 つの異なるファイルからオブジェクトの状態にアクセスして更新しようとしています。各ファイルにローカルの useState を使用すると、それを変更できますが、うまくいきません。カスタムを使用して、さまざまな解決策を試し...

から [Reactディスカッショングループ] 2023-08-17 19:46:21 0  1  561