タイトルを次のように書き換えました: React と typescript を使用した Vite での動的コンポーネントのインポートにより高速リフレッシュが失敗する

マルチステップフォームを作成しようとしていますが、このような定数のデータを別のファイルに入れています import{lazy} from 'react';exportconststeps=[{id:0,name:'Per...

から [Reactディスカッショングループ] 2023-11-10 20:45:29 0  1  1086

renderHook の waitForNextUpdate の代替

Testing-library を更新しましたが、この場合は waitForNextUpdate の代替手段を見つけるのに苦労しています (react-testing-libraryv13 https://github....

から [Reactディスカッショングループ] 2023-09-22 11:40:09 0  1  1043

コレクション内のランダムなドキュメントを取得する Firestore メソッド

私のアプリケーションにとって、Firebase のコレクションから複数のドキュメントをランダムに選択できることが重要です。 Firebase には、これを行うクエリを実装するための組み込みネイティブ関数 (私が知っている...

から [Reactディスカッショングループ] 2023-10-19 11:39:22 0  2  1039

MUI ツールチップの背景色を変更するにはどうすればよいですか?

「?」ユーザーがアイコンの上にカーソルを置くと、テキスト フィールドに入力する必要があるデータの仕様が表示されるようにしたいと考えています。 MUI のデフォルトのホバーはグレーでテキストが白ですが、ホバーを白でテキスト...

から [Reactディスカッショングループ] 2023-09-04 11:56:50 0  1  1032

Next.js の TypeError: 未定義のプロパティを読み取れません (「ヘッダー」を読み取っています)

次の js TypeError でこのエラーが発生します: eval(webpack-internal:///(sc_server)/./node_modules/next/dist/server /future/rou...

から [Reactディスカッショングループ] 2023-10-27 10:05:19 0  1  996

NextJS のアプリケーション ルーターで、pages/_app.js に代わるものは何ですか?

NextJS を使い始めたところですが、Application Router という新しいルーターがあります。 NextJS ページルーターの Pages/_app.js を使用したチュートリアルがいくつかあります。では...

から [Reactディスカッショングループ] 2023-11-11 09:38:14 0  1  994

環境変数を使用して React プロジェクトに関数を実装するにはどうすればよいですか?

API キーを環境変数として保存しようとしていますが、アクセス方法がわかりません... npm を使用して dotenv をインストールし、ルート ディレクトリにファイルを作成し、そこにキーを置きました。 process...

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

フォーム送信ハンドラー内からカスタム フック setState を呼び出しても状態が更新されない

エラー メッセージが表示されるには、フォーム内のフィールドに注目する必要があります。フィールドにまだフォーカスを当てていないときに「送信」をクリックしたときにエラー メッセージが表示されるようにしたいと考えています。これ...

から [Reactディスカッショングループ] 2023-09-16 11:39:44 0  1  981

ベスト プラクティス: NextJS 13 フォルダー構造

私はNextJSの使い方を学んでいて、最新バージョンのAppRouterを使用しています。現在、登録ページとログインページとそのフォルダー構造をどこに配置するか、一般的にコンポーネントとフォルダー構造をどこに配置するかな...

から [Reactディスカッショングループ] 2023-10-22 10:36:38 0  1  979

CORS によってブロックされた https://accounts.google .com/o/oauth2/v2/auth へのアクセスを取得します

Google で認証するために React から Express にフェッチを送信していますが、CORS エラーによってアクセスがブロックされています。認証のために React からの POST リクエストを Googl...

から [Reactディスカッショングループ] 2023-11-03 22:56:28 0  1  977

ファイルの先頭に「use client」ディレクティブを追加します。TypeError: createContext はクライアント コンポーネントに対してのみ機能します。

app フォルダーを使用する新しい Next.js アプリケーションを作成しました。次に、MaterielUI をインストールし、ドキュメントに記載されている例を使用し始めました。しかし、次のエラーが発生します: Typ...

から [Reactディスカッショングループ] 2023-10-25 22:01:11 0  2  975

デフォルトのレイアウトを変更せずに、MediaQueries を使用して、より低い解像度で表示されるレイアウトを変更することはできますか?

要素が期待どおりに表示されるようにデフォルトの解像度で「グリッド テンプレート列」レイアウトを使用していますが、それより低い解像度ではコンテナーの優先順位によってレンダリングされ、変更したい視覚効果が作成されます。デフォ...

から [Reactディスカッショングループ] 2023-09-16 14:17:29 0  1  972

グローバル JSX 名前空間が非推奨になった場合、JSX.Element の戻り値の型に代わる正しいものは何ですか?

@types/react では、グローバル JSX 名前空間が非推奨になりました:deprecatedUse`React.JSX`insteadoftheglobal`JSX`namespace.*/namespaceJ...

から [Reactディスカッショングループ] 2023-10-26 21:00:38 0  2  970

VS Code で Next.js アプリケーションを作成すると、Pages または Styles フォルダーがありません

VSCode で Next.js アプリケーションを作成するときは、「npxcreate-next-app@latest」コマンドを実行して、アプリケーションの作成プロセスを完了します。ただし、Next.js の Web...

から [Reactディスカッショングループ] 2023-11-03 11:53:11 0  1  963

React 変数インポートのセキュリティを確保する

React ファイルにオブジェクトをインポートしてその値の一部を使用すると、セキュリティ上の問題が発生しますか?たとえば、次のようなオブジェクトがあるとします: vardata={'name':'Adam','id':1...

から [Reactディスカッショングループ] 2023-09-16 15:11:12 0  1  957