Skip to main content

[reactjs] タグが付いた質問

Reactはユーザーインタフェースを組み立てるためのJavaScriptライブラリです。宣言的なパラダイムによって、あなたのアプリケーションがどう動作しているかをわかりやすくすると共に、効率が良くかつ変更を容易にすることを目標としています。

0
0 回答
79 閲覧数

以下のエラーが表示されているのでtsconfig.node.jsonファイルに"composite": trueを追加したがエラーが解消されない原因を教えていただきたいです。 エラーメッセージ: 参照されているプロジェクト '/home/refinedevelopeinfo-369/App.UI-v2/tsconfig.node.json' には、設定 "...
0
2 回答
4,334 閲覧数

現在、next.jsで実装を進めているのですが、上記にある通り、複数のチェックボックスのチェック状態をstateで管理、また違うコンポーネントにあるボタンを押すとチェック状態が全選択もう一度押すと全解除というような実装をしたいのですが、どのようにすれば良いのか見当がつきません。 また、複数のチェックボックスというものはapiのデータから作られており、子コンポーネントでmapで回している状態です。 ...
1
1 回答
666 閲覧数

プログラミング歴数か月の初心者です。code-serverを利用しています。 npm create vite→reactを選択→JavaScript+swcを選択し、その後は指示通りにやったのですが、npm run devでプレビューを表示してもなにも表示されない(白紙)です。以下はデベロッパーツールのエラーの画像です。 Failed to load resource: the server ...
0
1 回答
173 閲覧数

reactをvite,typesprictで構築した。tailwind cssを導入しようとするとエラーが出る。 (参考までに)reactを導入したときのコマンド↓ ┌──(-㉿-)-[~/Desktop/VScode] └─$ npm create vite@latest Need to install the following packages: ...
0
2 回答
2,093 閲覧数

Reactの画面遷移のためにルーティングを学習中です。 下記のサイトを試しに自身で実施して実行すると、画面が真っ白になりました。 ルーティングの設定 | React Router v6 はじめでもわかるルーティングの設定方法の基礎 最初はサイトのソースをそのままコピー&ペーストで実行すると真っ白です。 そこで調査して、jsonファイルにhomepageを設定しましたが解決していません。 ...
0
1 回答
1,281 閲覧数

困っていること react-draggableというパッケージを既��のReactのプロジェクトにnpmインストールしようとするとエラーが発生してインストールできず困っております。 教えていただきたいこと react-draggable(の安定動作版)をインストールする方法。 なぜインストールできないのか。 やったこと 実行コマンド 下記のコマンドを実行しました。 npm install ...
0
0 回答
84 閲覧数

表題でわからない事がありこちらにて質問させていただきました。 皆様のお知恵を借りれれば嬉しいです。React学習3ヶ月ほどです。 現在開発しているWebAppではMUIを用いておりますが、 Jestでのテストで以下のエラーが発生しており難航しています。 TypeError: Cannot read properties of null (reading 'useContext') 質問 - ...
0
0 回答
77 閲覧数

現在、Reactを使用して複雑なフォームを構築しています。このフォームには、ドロップダウンやファイルアップロード、入力バリデーションなど、複数のフィールドが含まれています。 現在の実装では、以下のようにuseStateを使って各フィールドの状態を個別に管理しています: const [fatherCatId, setFatherCatId] = useState<string>('');...
0
1 回答
234 閲覧数

環境構築を行い、コードを変更して保存しても、ブラウザに変更が反映されません。 開発サーバーは正常に動作しているように見えますが、変更が自動的に更新されません。 試したこと: npx create-react-app my-app cd my-app npm start npm startで開発サーバーを再起動しました。 ブラウザのキャッシュをクリアし、シークレットモードで試しました。 ...
0
1 回答
110 閲覧数

環境:php:"8.0.2" inertiajs/react: "^1.0.0" laravel: "9.19" laravel/socialite: "5.15" inertiaを使ってlaravelにデータをpostしてもデータベースに反映されません。 データ自体は送れていて、スペルミスも無いように思えるのですが、...
0
1 回答
199 閲覧数

react18 typescript dnd-kit/core 6 複数コンテナで双方向のドラッグ&ドロップを作ろうとしています。 どこにドラッグされているかを判断するためhandleDracgOverで over.idまたはover.data.current.sortable.indexを取得したいと考えています。 しかしながら、特定条件の場合、...
1
1 回答
563 閲覧数

React公式を参考に簡単なプロジェクトを作成してみようと思っています。 https://ja.react.dev/learn/start-a-new-react-project こちらを見ると「React だけで新しいアプリやウェブサイトを作りたい場合は、コミュニティで人気のある React フレームワークから、ひとつを選ぶことをおすすめします」とあり、 create-react-app ...
1
1 回答
146 閲覧数

機能概要 以下の機能をReactで作成しています。 詳細モーダルを開いた際にバックエンドからの取得データを表示したい 詳細モーダルでは「粗利」という項目があり「売り上げ」と「コスト」を入力すると自動計算されるようにしたい 困ってること 上記で、自動計算の値と違う粗利を保存したい際に、手入力でDBに保存しますが、...
2
1 回答
154 閲覧数

この質問はteratailでもポストしています https://teratail.com/questions/mfj85hj9a39su1 概要 クラスコンポーネントで使っていたReduxをhookで書き換えをしています。そこで次のように、Reduxのアクションをディスパッチしたかどうかをテストしたいと思っています(元々あったテストをhooksを使うように書き換えしています) ...
0
1 回答
443 閲覧数

VScode上で一部の.tsxおよび.tsのファイルの言語モードがプレーンテキストになってしまう問題が発生しています。 自身の持っているデスクトップPCではそのような問題は起こらないのですがVScodeの設定を共有していないノートPCでは、WSL上、Windows上関わらず、.tsxおよび.tsの言語モードがプレーンテキストになってしまう上、VScodeの言語モードからtypescript、...

15 30 50 件 / ページ
1
2 3 4 5
17