回答編集履歴
3
ソース修正
answer
CHANGED
|
@@ -47,4 +47,9 @@
|
|
|
47
47
|
---
|
|
48
48
|
**追記：**
|
|
49
49
|
|
|
50
|
-
あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: modal }` やった。（※修正済み）
|
|
50
|
+
あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: modal }` やった。（※修正済み）
|
|
51
|
+
|
|
52
|
+
---
|
|
53
|
+
**追記2：**
|
|
54
|
+
|
|
55
|
+
forkしてclassNames使ったやつ ➡ [サンプル](https://codesandbox.io/s/exemplo-de-react-com-scss-e-css-modules-forked-ltwkz?file=/src/App.js)
|
2
ソース修正
answer
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
こういうときには、[classnames](https://github.com/JedWatson/classnames#classnames) ゆうのん使うとええでー。これ使うと、こない
|
|
35
35
|
|
|
36
36
|
```javascript
|
|
37
|
-
className={classNames(styles.modal, { [styles.active]:
|
|
37
|
+
className={classNames(styles.modal, { [styles.active]: modal })}
|
|
38
38
|
```
|
|
39
39
|
に書けるよってな。ほんで、`active` がtrueんときはclassNameは、
|
|
40
40
|
- `"_src_App_module__modal _src_App_module__modal"`
|
|
@@ -47,4 +47,4 @@
|
|
|
47
47
|
---
|
|
48
48
|
**追記：**
|
|
49
49
|
|
|
50
|
-
あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]:
|
|
50
|
+
あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: modal }` やった。（※修正済み）
|
1
ソース修正
answer
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
こういうときには、[classnames](https://github.com/JedWatson/classnames#classnames) ゆうのん使うとええでー。これ使うと、こない
|
|
35
35
|
|
|
36
36
|
```javascript
|
|
37
|
-
className={classNames(styles.modal, { styles.active: active })}
|
|
37
|
+
className={classNames(styles.modal, { [styles.active]: active })}
|
|
38
38
|
```
|
|
39
39
|
に書けるよってな。ほんで、`active` がtrueんときはclassNameは、
|
|
40
40
|
- `"_src_App_module__modal _src_App_module__modal"`
|
|
@@ -42,4 +42,9 @@
|
|
|
42
42
|
になり、falseんときは、
|
|
43
43
|
- `"_src_App_module__modal"`
|
|
44
44
|
|
|
45
|
-
になりよる。
|
|
45
|
+
になりよる。
|
|
46
|
+
|
|
47
|
+
---
|
|
48
|
+
**追記：**
|
|
49
|
+
|
|
50
|
+
あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: active }` やった。（※修正済み）
|