回答編集履歴
3
テキスト追加
answer
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
props.mode = 'DAY'
|
|
7
7
|
```
|
|
8
8
|
|
|
9
|
-
となっていますが、上記は常にtruthyなので、三項演算子の結果
|
|
9
|
+
となっていますが、上記は常にtruthyなので、三項演算子の結果も常に `:`の前の値が返されてしまって、意図したようにはならないです。ですので、
|
|
10
10
|
|
|
11
11
|
**修正後：**
|
|
12
12
|
```javascript
|
2
テキスト追加
answer
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
props.mode = 'DAY'
|
|
7
7
|
```
|
|
8
8
|
|
|
9
|
-
となっていますが、
|
|
9
|
+
となっていますが、上記は常にtruthyなので、三項演算子の結果としては `:`の前の値が返されてしまって、意図したようにはならないです。ですので、
|
|
10
10
|
|
|
11
11
|
**修正後：**
|
|
12
12
|
```javascript
|
1
テキスト追加
answer
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
ぱっと見でここが原因では？と思える箇所があります。styled component を作るところの三項演算子の条件の部分が
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
**修正前：**
|
|
3
5
|
```javascript
|
|
4
6
|
props.mode = 'DAY'
|
|
5
7
|
```
|
|
6
8
|
|
|
7
9
|
となっていますが、ここを
|
|
10
|
+
|
|
11
|
+
**修正後：**
|
|
8
12
|
```javascript
|
|
9
13
|
props.mode == 'DAY'
|
|
10
14
|
```
|
|
11
15
|
または
|
|
16
|
+
|
|
17
|
+
**修正後：**
|
|
12
18
|
```javascript
|
|
13
19
|
props.mode === 'DAY'
|
|
14
20
|
```
|