kito0039 https://blog.hatena.ne.jp/kito0039/ Web Developer's Struggle Memories https://kito0039.hatenablog.com/ React.js useState プログラミング 備忘録 とある案件で Next.js を用いて web アプリケーションを開発しているのですが、その中で styled-components というライブラリを利用してコンポーネントを作成しています。 まぁコード見たら物凄い基本的なことですが、備忘録として書き残しておきます。 とりあえずデモ 今回は styled-components を用いて入力欄(input 要素)を作成しており、CodeSandbox の リンク も貼っておきます。 実際のコード まず styled-components を使って作った入力用のコンポーネントのソースコードを紹介します。 import React from "re… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkito0039.hatenablog.com%2Fentry%2F2020%2F03%2F08%2F232443" title="useState を使った input で初期値をセットしたりバリデーションチェックする方法 - Web Developer&#39;s Struggle Memories" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-03-08 23:24:43 rich https://kito0039.hatenablog.com/entry/2020/03/08/232443 1.0 100%