質問編集履歴
2
編集
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
React Typescript hooks 親から子にpo
|
|
1
|
+
React Typescript hooks 親から子にpropsを渡し表示させる方法
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
↓
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
①子コンポーネントでpropsとして渡ってくる値を定義
|
|
12
12
|
|
|
13
13
|
interface Props {
|
|
14
14
|
|
|
@@ -20,13 +20,13 @@
|
|
|
20
20
|
|
|
21
21
|
↓
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
②Propsを使う
|
|
24
24
|
|
|
25
25
|
React.FC<Props> = (props)
|
|
26
26
|
|
|
27
27
|
↓
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
③propsとして表示させたいとこに記入
|
|
30
30
|
|
|
31
31
|
value={props.text}
|
|
32
32
|
|
1
編集
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|