質問編集履歴
1
質問内容が曖昧でしたので、「質問内容」の項目を追加させていただきました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,20 @@
|
|
|
11
11
|
App.js内のconsole.log(initialTodo)にuseStateの初期値(undifined)がまず渡ってくるのを回避したい
|
|
12
12
|
⇨カスタムフック内のasync/awaitを用いたデータ取得で用いたtodoTitleがinitialTodoにまず渡ってくるようにしたい
|
|
13
13
|
|
|
14
|
+
### 質問内容
|
|
15
|
+
・前提（再掲）
|
|
16
|
+
実際のアプリではinitialTodoが、todo一覧のstateに初期値として設定されるような仕様を予定しています
|
|
17
|
+
現状のカスタムフックだと、initialTodoの初期値であるundifinedがtodo一覧の初期値に渡る仕様となってしまい、これを回避したいと考えています。
|
|
14
18
|
|
|
19
|
+
・質問内容
|
|
20
|
+
以下の2通りで回避策を考えてみましたが①は冗長、②はイメージがわかないので、②のサンプルコードないしその他の回避策があればご教示いただきたいです🙇♀️
|
|
21
|
+
|
|
22
|
+
①initialTodoのstateを定義する場所を変える（async/awaitでデータを取得した後にする）
|
|
23
|
+
|
|
24
|
+
②initialTodoがundifinedならtodo一覧の初期値から外すという実装にする
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
15
28
|
### 発生している問題・エラーメッセージ
|
|
16
29
|
|
|
17
30
|
```
|
|
@@ -21,6 +34,9 @@
|
|
|
21
34
|
### 該当のソースコード
|
|
22
35
|
https://codesandbox.io/s/jian-zheng-9swbmx?file=/src/App.js
|
|
23
36
|
|
|
37
|
+
※実装予定のアプリのコードは下記です
|
|
38
|
+
https://github.com/yuki96422/react-todo
|
|
39
|
+
|
|
24
40
|
App.js
|
|
25
41
|
|
|
26
42
|
```ここに言語を入力
|