React で useRef フックを使用した後にフォーカスが移動しない

これは、フォーカスしたい現在の要素への参照を取得するコードですが、フォーカスはその要素に移動しません。 useEffect(()=>{setTimeout(()=>{console.log("Thi...

から [Reactディスカッショングループ] 2024-04-02 21:46:33 0  1  486

子 React コンポーネントに渡された useEffect を使用すると、関数が複数回呼び出される

複数の ChildComponent タグを持つページがあり、ユーザーがどの ChildComponent をクリックしたかに基づいて、各 ChildComponent にどの API を呼び出すかを指示したいと考えてい...

から [Reactディスカッショングループ] 2024-03-30 15:36:26 0  2  486

createBrowserRouter でコロンとカンマを使用して招待 + 反応する

こんにちは。検索しましたが、同様の質問が見つかりませんでした。使用しているサーバーは稼働していますが、フォローしているチュートリアルで期待したとおりに動作しません。最新バージョンの vscode、xampp、compos...

から [Reactディスカッショングループ] 2023-09-06 23:36:47 0  1  486

codemirror が package.json 内にあるにもかかわらず、処理中にエラーが発生します

import"codemirror/lib/codemirror.css";import"codemirror/theme/material.css";import'codemir...

から [Reactディスカッショングループ] 2024-01-29 12:51:14 0  1  485

React Query を使用したデータ公開

私は ReactQuery を学習しており、それを使用してデータを投稿しようとしています。 ReactQuery を使用してデータを取得することはできますが、それを使用してデータを投稿することはできません。私の質問は、R...

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

保護されたルートの作成:react-router-dom を使用したハウツー ガイド

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

から [Reactディスカッショングループ] 2023-08-24 11:22:28 0  2  485

透明性とアニメーションを維持しながら、アニメーション SVG ファイルを Next.js 13 にインポートするにはどうすればよいですか?

Next.js13 にアニメーション SVG ファイルをインポートする importImagefrom"next/image";exportdefaultfunctionHome(){return(&...

から [Reactディスカッショングループ] 2024-03-27 13:38:40 0  1  484

React Testing Library を使用して jsdom で MUI コンポーネントをレンダリングすると、Mocha テスト エラーがスローされる

酵素はメンテナンスされておらず、react18+ をサポートしていないため、アプリケーションが最新バージョンの React で引き続き実行できるように、1750 以上の既存の単体テストを React-testing-li...

から [Reactディスカッショングループ] 2024-01-16 13:49:47 0  1  484

Storybook 7.0.23 - TypeError: filterProps.indexOf は関数ではありません

単純な React コンポーネントがあります: importReactfrom'react';constButton=(props)=>{return(<div>MyButtonprops:{Objec...

から [Reactディスカッショングループ] 2023-09-03 23:16:35 0  1  484

Webpack を使用して、require ステートメントを必要とせずにディレクトリ内のすべてのファイルをロードします

アプリケーションの 4 つのサブディレクトリに大量の JavaScript ファイルが散在しています。 grunt では、それらをすべて収集し、1 つのファイルにコンパイルします。これらのファイルには module.ex...

から [Reactディスカッショングループ] 2023-08-22 14:25:18 0  2  484

Vercel での次回の認証でサーバー エラーが発生しました

次回の認証の認証プロバイダーとして Google を使用しています。運用環境および開発環境ですべての環境変数を構成します。ローカルマシンの開発モードでは完全に動作しますが、運用環境では「サーバーエラー サーバー構成に問題...

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

Formik を使用してフォームを送信する前にリセットする

送信ボタンをクリックすると、フォームは送信前にリセットされます。 Formikを使ってフォームを作成しました。 FormikのresetFormを使用して、送信後にフォームをリセットしようとしています。ただし、送信前にフ...

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

無効なdefaultValueまたはFormItem ANTDの値に関する問題

次のコードを使用してみましたが、フィールドはバインドされていません。 onChange プロパティは正常に動作します const{getFieldDecorator,getFieldError,isFieldTouche...

から [Reactディスカッショングループ] 2023-08-22 23:51:25 0  2  482

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

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

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

React-Native ナビゲーションを使用しますが、スタックは使用しませんか?

そこで私は最近 React-Native に取り組んでおり、大きな進歩を遂げています。 @react-navigation/native-stack であろうと @react-navigation/bottom-tabs...

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