質問編集履歴

1

質問内容が曖昧でしたので、「質問内容」の項目を追加させていただきました

2022/10/04 09:42

投稿

yuki96
yuki96

スコア26

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