回答編集履歴
1
「基礎」だと誤解を与える可能性があるので、「勘所」に変更
answer
CHANGED
|
@@ -2,14 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
https://react-hook-form.com/get-started
|
|
5
|
+
https://react-hook-form.com/get-started を確認して、「状態を管理して submit 時にその状態の値を取り出す」方法を確認しましょう。
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
https://ja.react.dev/learn/preserving-and-resetting-state が今回の `defaultValues`と関係があるのでご確認するのをオススメします。（それだけでなく、このような込み入った画面をスパゲッティ化せずに構築するためには、ステートの扱いの勘所を身に着ける必要があるので、上記サイトを使って基礎を固めましょう。）
|
|
8
8
|
|
|
9
|
-
https://ja.react.dev/learn/preserving-and-resetting-state
|
|
10
|
-
|
|
11
|
-
上記の記事が今回の `defaultValues`と関係があるのでご確認するのをオススメします。（それだけでなく、このような込み入った画面をスパゲッティ化せずに構築するためには、ステートの扱いの基礎を身に着ける必要があるので、上記サイトを使って基礎を固めましょう。）
|
|
12
|
-
|
|
13
9
|
```tsx
|
|
14
10
|
export const UserEditForm = ({ defaultValues }) => { // フォームの初期値は Props で受け取る
|
|
15
11
|
const [name, setName] = useState(''); // 不要
|