renderHook の waitForNextUpdate の代替

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

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

React.StrictModeとfabric.jsのCanvasインスタンスを使用した再レンダリング

選択可能な形状をインスタンス化するファブリック キャンバスとボタンを作成しています。次の状況でコンポーネントが 2 回再レンダリングされる理由がわかりません。そのため、生地の形状をお選びいただくことができません。ただし、...

から [Reactディスカッショングループ] 2023-09-21 23:48:52 0  1  913

React Flatpickr でボタンのクリック値を取得する

Reactにコンポーネントがあり、日付値を取得するためにreact- flatpickerをアタッチしました。ただし、useRef を使用すると、値が「null の可能性があります」と表示され、console.log の...

から [Reactディスカッショングループ] 2023-09-21 19:58:03 0  1  688

反応ルーターダムを使用して安全なルートを作成する

React-router-dom を使用して保護されたルートを作成し、その応答を localStorage に保存して、ユーザーが次回開いたときにその詳細を再度表示できるようにする方法。ログイン後、ダッシュボード ページ...

から [Reactディスカッショングループ] 2023-09-21 15:38:12 0  2  670

オブジェクトの更新時に ReactJS の useState が機能しない

次の認証コンテキストプロバイダーがあります。ユーザーが正常に認証されたら、いくつかのトークン値を設定します。 importortaxiosfrom"axios";import{createContex...

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

Jest でテストする場合、このヘッダーはデータ ルーターで useLoaderData を使用する場合にのみ表示されます。

ReactRouterv6.14.2 を使用して、ブラウザー ルートを設定するすべての手順を実行しました。要素:< ProfileList/>、ローダー:profileListL

から [Reactディスカッショングループ] 2023-09-21 11:51:20 0  1  635

フェッチしたデータでステータスを更新しようとすると、Console.log が「未定義」を返す

レンダリング時にデータを取得したり、依存関係が変更されたりすると、データは Reduxstore に正しく更新されますが、console.log に「未定義」と表示されます。予約システムを開発していて、指定した日付の予約...

から [Reactディスカッショングループ] 2023-09-21 09:52:52 0  1  668

プロジェクト間で React コンポーネントを共有する

概念的な問題。 2 つの異なる React サービスで 2 つのプロジェクトを実行しています。多くのコンポーネントを 2 つのプロジェクト間で共有できます。共有コンポーネントを含む「ライブ」プロジェクトを作成し、複数のプ...

から [Reactディスカッショングループ] 2023-09-21 00:01:52 0  1  734

return ステートメントでインライン JSX レンダリングを使用する場合の要素の幅の取得

要素があり、その幅を計算し、少なくともビューポートの幅を満たすまでに何回かかるかを反復したいと考えています。問題は、使用しているインライン JSX レンダリング スタイルを介して幅を取得できないことです。依存関係として設...

から [Reactディスカッショングループ] 2023-09-20 22:00:52 0  1  796

UseEffect によってトリガーされる無制限の API 呼び出し

コンポーネント FrindListWidget が 2 つの条件で呼び出される MERN プロジェクトを構築しました。ユーザー自身の友達リストの場合、ウィジェットがレンダリングされ、Reduxuser.friends の...

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

自作した<Tab/>コンポーネントを使用する場合、「&.Mui-selected」状態に問題がある

カスタム <Tab/> を作成しました。次のコードを使用して、その選択された色を制御したいと考えています。 サンドボックス デモ コード exportconstTab=styled(MuiTab)({&quo...

から [Reactディスカッショングループ] 2023-09-20 19:56:31 0  1  645

エラー: React モジュールの外では import ステートメントを使用できません

Reactの学習を始めたばかりです。 https://react.dev/learn/add-react-to-an-existing-project のスタート ガイドの手順に従いましたが、次のエラーが発生し続けます:...

から [Reactディスカッショングループ] 2023-09-20 12:45:39 0  1  647

Redux 状態がバックエンド (mySQL) データに正しくアクセスできない

バックエンド (mySQL) とフロントエンドの間でデータをレンダリングする際に問題が発生しています。 reduxdevtoolsとコンソールログでデバッグしましたが、まだ原因が見つかりません。データはコンソール ログに...

から [Reactディスカッショングループ] 2023-09-20 10:40:44 0  1  651

ユーザー入力に基づいてデータセットからデータをフィルタリングする際の問題

これまでに私が試したことの概要は次のとおりです。 ユーザーが検索クエリを入力できる searchInput 要素があります。 searchInput の値が変更されたときにフィルター処理を処理する関数を使用します。フィル...

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

Axios GET リクエストがフロントエンドの何かによって変更されました

このアクションでは、URL「api/media/action」exportconstlistWorks=async(dispatch)=>{try{dispatch({type:WORK_LIST_REQUEST}...

から [Reactディスカッショングループ] 2023-09-20 08:39:45 0  1  644