質問編集履歴
3
質問カット
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -31,19 +31,6 @@
|
|
|
31
31
|
|
|
32
32
|
|
|
33
33
|
あともう一つわからないのが
|
|
34
|
-
components/App.jsは、
|
|
35
|
-
containers/AddTodo.js
|
|
36
|
-
containers/VisibleTodoList.js
|
|
37
|
-
components/Footer.js から構成されています。
|
|
38
|
-
|
|
39
|
-
ひとつのcomponentの中でcontainerとcomponentが混在している。
|
|
40
|
-
さらにcomponents/Footer.jsは
|
|
41
|
-
containers/FilterLink.jsから構成されています。
|
|
42
|
-
|
|
43
|
-
最初からcontainers/FilterLink.jsを
|
|
44
|
-
components/App.jsに書いておけばよいのに。。
|
|
45
|
-
|
|
46
|
-
そこで質問なんですが
|
|
47
34
|
componentからcontainerを呼んだり
|
|
48
35
|
containerからcomponentを呼んだりと頭の中が混乱しています。
|
|
49
36
|
これらは、どういったルールで決まっているのでしょうか？
|
2
さらに質問
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -27,4 +27,28 @@
|
|
|
27
27
|
document.getElementById('root')
|
|
28
28
|
)
|
|
29
29
|
```
|
|
30
|
-
[リンク内容](https://laboradian.com/tried-react-redux-tutorial/amp/#componentsAppjs)
|
|
30
|
+
[リンク内容](https://laboradian.com/tried-react-redux-tutorial/amp/#componentsAppjs)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
あともう一つわからないのが
|
|
34
|
+
components/App.jsは、
|
|
35
|
+
containers/AddTodo.js
|
|
36
|
+
containers/VisibleTodoList.js
|
|
37
|
+
components/Footer.js から構成されています。
|
|
38
|
+
|
|
39
|
+
ひとつのcomponentの中でcontainerとcomponentが混在している。
|
|
40
|
+
さらにcomponents/Footer.jsは
|
|
41
|
+
containers/FilterLink.jsから構成されています。
|
|
42
|
+
|
|
43
|
+
最初からcontainers/FilterLink.jsを
|
|
44
|
+
components/App.jsに書いておけばよいのに。。
|
|
45
|
+
|
|
46
|
+
そこで質問なんですが
|
|
47
|
+
componentからcontainerを呼んだり
|
|
48
|
+
containerからcomponentを呼んだりと頭の中が混乱しています。
|
|
49
|
+
これらは、どういったルールで決まっているのでしょうか？
|
|
50
|
+
|
|
51
|
+
components/App.js ⇒ containers/AddTodo.jsが前者
|
|
52
|
+
containers/AVisibleTodoList.js ⇒ components/TodoList.jsが後者
|
|
53
|
+
|
|
54
|
+
この法則性がぜんぜんわかりません
|
1
見解追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,6 +7,12 @@
|
|
|
7
7
|
Container をラップするそうなのですが、実際は
|
|
8
8
|
component（プレゼンテーション層）をラップしているようなので
|
|
9
9
|
どちらが正しいのでしょうか？
|
|
10
|
+
|
|
11
|
+
【私の見解】
|
|
12
|
+
dispatchしたいコンポネント側をラップするためのものなので
|
|
13
|
+
Container をラップするのは正解に思えます。
|
|
14
|
+
じゃななぜContainer をimportせずにcomponentをimportしているのか理解できません。
|
|
15
|
+
|
|
10
16
|
```react
|
|
11
17
|
...
|
|
12
18
|
import { render } from 'react-dom'
|