回答編集履歴
2
テキスト修正
answer
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
+ background-color: ${({open}: TProps) => open ? '#f1f1f1' : '#333'};
|
|
19
19
|
```
|
|
20
20
|
|
|
21
|
-
上記の追加により、問題が
|
|
21
|
+
上記の追加により、問題がすべて解消されるかは分かりませんが、おそらく何らかの進展はあると思います。
|
|
22
22
|
|
|
23
23
|
なお、 `TProps` の先頭の `T` は、私が個人的な慣例として、型名のプレフィクスに使っているものですので、`TProps`という型名は、適宜ご変更ください。
|
|
24
24
|
|
1
テキスト修正
answer
CHANGED
|
@@ -22,4 +22,15 @@
|
|
|
22
22
|
|
|
23
23
|
なお、 `TProps` の先頭の `T` は、私が個人的な慣例として、型名のプレフィクスに使っているものですので、`TProps`という型名は、適宜ご変更ください。
|
|
24
24
|
|
|
25
|
-
以上、参考になれば幸いです。
|
|
25
|
+
以上、参考になれば幸いです。
|
|
26
|
+
|
|
27
|
+
### 追記
|
|
28
|
+
|
|
29
|
+
htsignさんからのコメントにあるとおり、以下のようにも書けます。
|
|
30
|
+
|
|
31
|
+
```diff
|
|
32
|
+
- const StyledBurger = styled.div`
|
|
33
|
+
+ const StyledBurger = styled.div<TProps>`
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
propsを使う箇所が、 `div { background-color: ・・・ ` の他にもあるのでしたら、`TProps` の追加が一箇所だけで済む上記のほうが良いかもしれません。
|