質問編集履歴
2
コードの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
|
|
59
59
|
`<Button {...mainuser} />`で子から孫に渡すことができているとは思うのですが、
|
|
60
60
|
|
|
61
|
-
孫では
|
|
61
|
+
孫ではrenderのなかに`const { mainuser,} = this.props;`を記述して受け取れてはいると思うのですが`mainuser`は空になっています。
|
|
62
62
|
|
|
63
63
|
|
|
64
64
|
|
|
@@ -82,6 +82,18 @@
|
|
|
82
82
|
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
+
render() {
|
|
86
|
+
|
|
87
|
+
const {
|
|
88
|
+
|
|
89
|
+
mainuser,
|
|
90
|
+
|
|
91
|
+
} = this.props;
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
return (
|
|
96
|
+
|
|
85
97
|
....
|
|
86
98
|
|
|
87
99
|
```
|
|
@@ -240,19 +252,19 @@
|
|
|
240
252
|
|
|
241
253
|
まとめると以下のようになります。
|
|
242
254
|
|
|
255
|
+
|
|
256
|
+
|
|
243
|
-
親(App.js)
|
|
257
|
+
親(App.js) = FlatListのアイテムに`mainuser: this.state.head`をPushして、子に渡す。
|
|
244
|
-
|
|
258
|
+
|
|
245
|
-
子(CommentItem) = `const {mainuser} = props;`で受け取り、`<Button {...mainuser} />`で
|
|
259
|
+
子(CommentItem) = `const {mainuser} = props;`で受け取り、`<Button {...mainuser} />`で孫に渡す
|
|
246
|
-
|
|
260
|
+
|
|
247
|
-
孫(Button)
|
|
261
|
+
孫(Button) ＝ render内の`const {mainuser} = props;`で受け取れているはず？
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
262
|
+
|
|
263
|
+
|
|
264
|
+
|
|
253
|
-
|
|
265
|
+
このようにPropsを親から子、子から孫(？)に渡すことは可能なのでしょうか？
|
|
254
|
-
|
|
266
|
+
|
|
255
|
-
また
|
|
267
|
+
また、上記のプロセスで間違いの場所はありますでしょうか？
|
|
256
268
|
|
|
257
269
|
|
|
258
270
|
|
1
質問事項の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -252,6 +252,10 @@
|
|
|
252
252
|
|
|
253
253
|
孫がStateを利用している状態でPropsは渡せるのでしょうか？
|
|
254
254
|
|
|
255
|
+
また孫 Stateを定義しているところに、子(CommentItem)のようにrender以前にpropsを指定するコードを書くにはどのようにしたら良いのでしょうか？
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
|
|
255
259
|
何かアドバイスがありましたら幸いです。
|
|
256
260
|
|
|
257
261
|
よろしくお願いいたします。
|