回答編集履歴
2
fix typo style => divStyle
answer
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
color: 'white',
|
|
13
13
|
};
|
|
14
14
|
return (
|
|
15
|
-
<div style={
|
|
15
|
+
<div style={divStyle}>Seconds Elapsed</div>
|
|
16
16
|
);
|
|
17
17
|
}
|
|
18
18
|
});
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
> 対策として、親コンポーネントで定義してpropsで渡す方法を考えていますが、どちらが良いでしょうか？
|
|
26
26
|
|
|
27
|
-
上述の内容とも関連しますが、props でコード例の `divStyle Object
|
|
27
|
+
上述の内容とも関連しますが、props でコード例の `divStyle` Object を渡すメリットはありません。逆に、Component と Style が分離してしまうので inline-style のメリットが薄れるのではないでしょうか。
|
|
28
28
|
|
|
29
29
|
> 追記: イベントハンドラのメソッドに関してもどちらのコンポーネントに定義すべきか、同様に悩んでいます。
|
|
30
30
|
|
1
fix typo
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
> ループする子コンポーネントのrenderメソッド内に定義すると、何度もループされるためあまり良くないでしょうか？
|
|
2
2
|
|
|
3
|
-
render 内に定義するという状況があまりよくわからないですが、
|
|
3
|
+
render 内に定義するという状況があまりよくわからないですが、Component配下ではあっても render 内に定義しているわけではないのではないでしょうか。
|
|
4
4
|
|
|
5
5
|
敢えて render 内に定義すると
|
|
6
6
|
|