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