質問編集履歴
2
コードの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
さらにこの親から子(CommentInput)が受け取った`mainuser`を、そのまた子（孫？<Button>）に渡したいと考えています。
|
|
30
30
|
`<Button {...mainuser} />`で子から孫に渡すことができているとは思うのですが、
|
|
31
|
-
孫では
|
|
31
|
+
孫ではrenderのなかに`const { mainuser,} = this.props;`を記述して受け取れてはいると思うのですが`mainuser`は空になっています。
|
|
32
32
|
|
|
33
33
|
孫(Button.js)は以下のようになっています
|
|
34
34
|
```JS
|
|
@@ -40,6 +40,12 @@
|
|
|
40
40
|
count: 0,
|
|
41
41
|
};
|
|
42
42
|
}
|
|
43
|
+
render() {
|
|
44
|
+
const {
|
|
45
|
+
mainuser,
|
|
46
|
+
} = this.props;
|
|
47
|
+
|
|
48
|
+
return (
|
|
43
49
|
....
|
|
44
50
|
```
|
|
45
51
|
|
|
@@ -119,13 +125,13 @@
|
|
|
119
125
|
|
|
120
126
|
### お聞きしたいこと
|
|
121
127
|
まとめると以下のようになります。
|
|
122
|
-
親(App.js) = FlatListのアイテムに`mainuser: this.state.head`をPushして、子に渡す。
|
|
123
|
-
子(CommentItem) = `const {mainuser} = props;`で受け取り、`<Button {...mainuser} />`で窓に渡す
|
|
124
|
-
孫(Button) ＝ Stateを利用しているのでどのように受け取るのか？
|
|
125
128
|
|
|
129
|
+
親(App.js) = FlatListのアイテムに`mainuser: this.state.head`をPushして、子に渡す。
|
|
130
|
+
子(CommentItem) = `const {mainuser} = props;`で受け取り、`<Button {...mainuser} />`で孫に渡す
|
|
131
|
+
孫(Button) ＝ render内の`const {mainuser} = props;`で受け取れているはず？
|
|
126
132
|
|
|
127
|
-
|
|
133
|
+
このようにPropsを親から子、子から孫(？)に渡すことは可能なのでしょうか？
|
|
128
|
-
また
|
|
134
|
+
また、上記のプロセスで間違いの場所はありますでしょうか？
|
|
129
135
|
|
|
130
136
|
何かアドバイスがありましたら幸いです。
|
|
131
137
|
よろしくお願いいたします。
|
1
質問事項の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -125,5 +125,7 @@
|
|
|
125
125
|
|
|
126
126
|
|
|
127
127
|
孫がStateを利用している状態でPropsは渡せるのでしょうか？
|
|
128
|
+
また孫 Stateを定義しているところに、子(CommentItem)のようにrender以前にpropsを指定するコードを書くにはどのようにしたら良いのでしょうか？
|
|
129
|
+
|
|
128
130
|
何かアドバイスがありましたら幸いです。
|
|
129
131
|
よろしくお願いいたします。
|