本投稿はプログラミング初心者の忘却録を兼ねた勉強の一部です。 問題点、ミスなどがありました。時に厳しく時に優しくご教示いただけると大変助かります。 （割合は厳しさ２：優しさ８でお願いします） Rea…

概要 大変だったのでシェア。 やりたかったかことは、タグ入力で使うフォーム。 オートコンプリート＋テキスト入力＋チップで構成してある。 React Hook Form的には外部ライブラリを使う場合…

抱えていた疑問 propsの理解やcomponentの作り方、hooks、ES2015以降のjsの書き方はわかる。 でも、React的に最適なリファクタは何？ということが疑問でした。 Reactを…

はじめに 普段C#で開発を行っていますが、最近Web開発技術も勉強中です。 React Hooksについて学ぶ機会があったのでまとめます。 React Hooksとは React Hooksによっ…

プロジェクトの作成 npx gatsby new cities サーバーの実行 cd cities npx gatsby develop -H 0.0.0.0 ソフトの改造 index.js に P…

GraphQL知らない人は公式ドキュメントを見ましょう!! API向けクエリ言語のことです｡ やりたいこと Hygraphでコンテンツ作成 ViteでReactの環境を作る 画面上にコンテンツを表示 Hygraphでコンテンツ作…

どうやらReactは、Component.onChangeのリスナーをDOM element.oninputイベントに関連付けるようだ。 つまり、Reactのonchangeイベントは、javaSc…

次のエラーに対する解決方法です。 404 Not Found Code: NoSuchKey Message: The specified key does not exist. Key: admi…

環境 Node v18.0.6 Next.js v12.1.6 React v 18.1.0 # ループ処理する ## 配列で与えられた場合 jsx const array = ["apple",…

間違い例 Reactでlabelタグにforを設定するとエラーが表示されます。 <label for="name">Name</label> <input id="name" type="text…

はじめに 勉強として以下の記事をなぞったので記事にしました。ところどころ自己流にアレンジしています。 https://qiita.com/KNR109/items/7cf6b24bed318dab…

とある開発会社での千鳥の会話 ノブ「大吾、手隙か？」 大吾「手隙じゃ」 ノブ「ちょいと大吾に頼みたいことがある」 大吾「なんでもまかせろ」 ノブ「ユーザーが自由に入力フォームを追加できる機能を作っ…

ここ数年のWebフロントエンド開発では各種フレームワークを用いるのが当たり前になっています。世界的に見ればReactが最もシェアがありますが、国内ではVueが人気です。他にもAngularやSvel…

Reactで指定した数繰り返したいとき とりあえずお手軽に書きたいときに typescript // 100回繰り返される {[...Array(100)].map(() => <HogeComp…