質問編集履歴

2

間違いを修正

2023/03/03 07:10

投稿

gomes_2222
gomes_2222

スコア90

test CHANGED
File without changes
test CHANGED
@@ -24,10 +24,10 @@
24
24
 
25
25
  interface TodoProps {
26
26
  open: boolearn
27
- isOpen: Function
27
+ setOpen: Function
28
28
  }
29
29
 
30
- export const Form = ({ open, isOpen, doYes, doNo }: TodoProps) => {
30
+ export const Form = ({ open, setOpen, doYes, doNo }: TodoProps) => {
31
31
 
32
32
  /*略*/
33
33
 

1

微修正

2023/03/03 07:09

投稿

gomes_2222
gomes_2222

スコア90

test CHANGED
File without changes
test CHANGED
@@ -75,8 +75,24 @@
75
75
 
76
76
  調べたのですが、今回のような関数は(いわゆるコールバック関数?)
77
77
  戻り値のvoidを指定したりしたらよいとありましたが、具体的に自分のケースだとどのように落とし込んだらいいのかわかりませんでした。
78
- 色々書いてみましたが、理解が薄いせいか、全くエラーが直りません。
79
78
 
79
+ 以下NGパターン。エラーが消えませんでした。
80
+ ``````Top
81
+ import React, { useState } from 'react';
82
+ import Modal from 'react-modal'
83
+
84
+ const [open, setOpen] = useState<boolearn>(false);/*boolearn追加*/
85
+
86
+
87
+ ```
88
+ ``````Form
89
+ interface TodoProps {
90
+ open: boolearn
91
+ isOpen: () => boolean;
92
+ }
93
+
94
+
95
+ ```
80
96
  ### 補足情報(FW/ツールのバージョンなど)
81
97
  react
82
98
  typescript