Reactjsで複数のチェックボックスを選択する方法

複数のチェックボックスを選択したいオプションのリストがありますが、選択することができません。このコードの何が問題なのでしょうか?サンドボックスの URL

から [Reactディスカッショングループ] 2024-04-06 18:55:21 0  1  522

スタイル付きコンポーネントでコンポーネントを繰り返し背景画像として使用できないのはなぜですか?

コンポーネントを div の繰り返しの背景画像に設定しようとしています。Web サイト全体で再利用されるパターンがあります。合理化されたパターン コンポーネント: importReactfrom'react'import...

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

React/Next 状態を更新し、useEffect 後にリセットする

APIからデータをストリーミングしようとしていますが、レンダリング中にuseEffectが複数回呼び出されます。最初のページの読み込み中は、複数回呼び出される以外はすべて正常に動作していますが、ブラウザでページを更新する...

から [Reactディスカッショングループ] 2023-09-11 12:41:54 0  2  521

「react/jsx-no-undef エラー: 'フォーム' が定義されていません」

こんにちは。以下の React アプリケーションを使用して、ページへのログインを認証するためのフォームを管理する必要があります。パラメーターは電子メールとパスワードですが、コードを実行すると、次のエラーが出力されます。エ...

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

redux 、無効なフック呼び出し。フックは関数コンポーネント本体内でのみ呼び出すことができます

root.render でプロバイダーをセットアップして使用すると、次のエラーが表示されます: 警告: 無効なフック呼び出しです。フックはコンポーネント本体の内部でのみ関数を呼び出すことができます。これは、次のいずれかの...

から [Reactディスカッショングループ] 2023-09-06 00:35:35 0  1  519

条件付きでclassNameをcssモジュールに変更（React）

ユーザーが Web サイトのナビゲーション バーの上にマウスを置いたときにアニメーションを再生しようとしています。マウスがナビゲーションバー上にあるかどうかに基づいて CSS モジュールを変更することでこれを実現しようと...

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

React の useState を使用して定数の値を変更するにはどうすればよいですか?

これが私が使用している構文です。 const[count,setCount]=useState(0);conshandleIncrement=()=>{setCount((count+1));}; setCount...

から [Reactディスカッショングループ] 2023-09-12 23:29:34 0  1  518

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

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

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

キャッチされない TypeError: tags.join は関数ではありません。

複数のタグが配列に格納されたページがあります。ページを編集したいのですが、タグの配列を TagsInput に読み込もうとすると、次のエラー メッセージが表示されます。 Uncaught TypeError: tags....

から [Reactディスカッショングループ] 2023-07-28 13:59:53 0  1  518

NextJS のアプリケーション ディレクトリに読み込みインジケーターまたはプログレス バーを作成する: ステップバイステップ ガイド

私は NextJS13 を使用して大規模な Web アプリケーションを開発しました。最初のバージョンは PagesRouter を使用しました。 Web サイトのほぼ全体を完成させた後、アプリケーション ディレクトリに正...

から [Reactディスカッショングループ] 2024-01-01 21:49:52 0  1  517

HeadlessUI ポップアップはモバイル デバイスではクリックできません

モバイル デバイスを使用しているとき、または Chrome デバイスのツールバーでページを表示しているときに、HeadlessUI ポップアップ メニューをクリックしようとすると問題が発生します。通常のデスクトップブラウ...

から [Reactディスカッショングループ] 2023-09-06 12:27:55 0  1  517

React で IGV.js を実装する正しい方法

React で IGV.js を使用しようとしているのですが、次のコードが 1 つではなく 2 つのコンテナ div を作成することがわかりました: varigvDiv=document.getElementById(&...

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

Nextjs 13 エラー: 未定義のプロパティを読み取ろうとしています (「ヘッダー」を読み取っています)

Nextjs で作成した postAPI エンドポイントのヘッダーに問題があります。私のエンドポイントはフォーム送信用であり、入力を電子メールに転送します。現在のコードは電子メールを送信でき、電子メールで正常に受信できま...

から [Reactディスカッショングループ] 2023-08-31 16:47:14 0  1  517

関数は false を返す必要があるにもかかわらず true を返します

NextJS を使用してクライアント フォームを作成しています。フォームのクライアント側に検証を配置して別の関数に配置しようとしていますが、 validateForm() 関数を実行するたびに、入力に関係なく true ...

から [Reactディスカッショングループ] 2023-08-16 19:57:43 0  1  517

このタイトルの書き換えバージョンは次のようになります: これは TypeScript のバグですか? (補間されたエスリテラルが文字列型として認識されない)

TS は、次のような補間された prop 値の型は文字列ではないと考えているようです: (区別可能な共用体で使用されている場合)。以下の 3 番目の p3 インスタンスは、href が補間エスリテラル文字列である場合に限...

から [Reactディスカッショングループ] 2024-03-30 08:37:56 0  1  516