フロントエンドの React Query 統合を利用した NextJS サーバー側レンダリング

現在、次の React クエリ実装があります: const{data,isSuccess,isLoading}=useQuery(['myQuery',myParams],async()=>{returnmyAja...

から [Reactディスカッショングループ] 2024-03-28 15:53:57 0  2  511

Auth0 ログイン プロファイルとログアウト プロファイルが機能しません。タイプスクリプトに反応する

Auth0について質問があります。ログイン。そしてログアウトします。反応タイプスクリプトを使用します。これは Index.tsx にあります。 root.render(<Auth0Providerdomain=&q...

から [Reactディスカッショングループ] 2023-09-03 10:57:28 0  1  511

gh-pages と main ブランチの問題を解決する

私の個人的なポートフォリオにいくつか問題があります。最初に、githubpages を使用してポートフォリオを作成し、カスタム ドメイン名を取得しました。デプロイはすべてスムーズに進みました。最近、いくつかの大幅な変更を...

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

VisualStudioCode のエラー: 「タイプ 'PropsWithChildren<{}>' に次のプロパティの React.FC プロパティがありません: db、auth、test」

私は React、ionic、tsx などを初めて使用し、スタックオーバーフローやチュートリアルをたくさん調べましたが、自分のセットアップに転送できるものが見つかりません。子コンポーネントに提供する状態をクラスコンポーネ...

から [Reactディスカッショングループ] 2024-03-29 22:36:48 0  1  510

React Router v6: すべてのパスで「*」文字を正しくキャプチャできない問題の解決策

次の 2 つのファイルがあります AppRoutes.ts

から [Reactディスカッショングループ] 2023-08-25 19:28:54 0  1  510

React の状態に関するこのエラーを修正するにはどうすればよいですか?

ブロック上で Enter キーを押すと、そのブロックの下に新しいブロックが表示され、その後ろにある残りの部分が新しいブロックの下に配置される、単純な反応アプリを作成したいと考えています。しかし、複数のブロックがある場合、...

から [Reactディスカッショングループ] 2024-04-01 09:32:43 0  1  509

Jest - モジュール「xxx」がパス「xxx」に見つかりません

React アプリがあり、簡単なテストを実行しようとすると、コンポーネントで呼び出されるファイルが見つかりません。アプリケーションではすべてが正常に動作します。このエラーが発生するのは、冗談としてテストした場合のみです。...

から [Reactディスカッショングループ] 2024-03-28 19:53:55 0  1  509

問題反応 - zxing スイッチングの問題: カメラをオフにできません

私はreact-zxingを使用してWebページ上のバーコードをスキャンしています。バーコードのスキャンには 2 つのオプションがあり、zxing ライブラリを使用してバーコードをスキャンする方法と、手動でバーコードを入...

から [Reactディスカッショングループ] 2024-03-21 22:57:34 0  1  509

APIからの情報をh1タグに表示

私は使用を練習している API を多数持っています。以下は、users という名前の配列内のオブジェクトです。たとえば firstName などのプロパティにアクセスするには、{users.firstName} と記述す...

から [Reactディスカッショングループ] 2023-09-09 16:37:20 0  1  509

ReactJSで子コンポーネントから親コンポーネントにデータを渡すにはどうすればよいですか?

次のように子コンポーネントからその親にデータを送信しようとしています: constParentComponent=React.createClass({getInitialState(){return{ language...

から [Reactディスカッショングループ] 2023-08-27 13:34:07 0  2  509

TypeScript で書かれた React Context プロバイダー

私は Reactcontext と TypeScript を初めて使用し、サイドバーを開いたり閉じたりするためのコンテキストを作成しようとしています。これは私のコードです importReact,{createConte...

から [Reactディスカッショングループ] 2024-03-28 22:28:44 0  1  508

コンポーネントを再レンダリングせずに React.js の Context の状態を更新するにはどうすればよいですか?

基本的には Google Maps API を使用しており、建物をクリックするとモーダルに情報が表示されます。モードの状態はコンテキスト内にあり、マップ上のクリック イベントによって更新されます。状態が更新されると、状態...

から [Reactディスカッショングループ] 2024-02-26 00:05:17 0  1  508

ループベースのパラメーターを使用して React で useCallback 関数を効率的に定義する

問題は反応にあり、参照識別子が一致しないために単一の要素が変更された場合にすべてのコンポーネントが再レンダリングされるのを避けるために、useCallbackのようなものを使用して項目のリスト（ループ経由で作成された）内...

から [Reactディスカッショングループ] 2024-01-16 14:06:30 0  2  508

反応ルーターを使用して fetch と useLoaderData() を更新する方法

フォーム送信後にuseLoaderData()のデータを更新したいと考えています。私の場合：exportconstcountriesLoader=async()=>{constres=awaitfetch(&quo...

から [Reactディスカッショングループ] 2023-08-26 12:39:34 0  1  508

Next.js 13 エラーを修正: React-redux コンテキストがありません; <Provider> 内でコンポーネントをラップしてください

redux からのデータを使用したいのですが、このエラーを解決できません。したがって、next.js13 にアプリケーションルーターがあり、/settings/account にある自分のページにアクセスしたいと考えてい...

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