回答編集履歴

3

ソース修正

2021/09/20 01:27

投稿

退会済みユーザー
test CHANGED
@@ -97,3 +97,13 @@
97
97
 
98
98
 
99
99
  あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: modal }` やった。(※修正済み)
100
+
101
+
102
+
103
+ ---
104
+
105
+ **追記2:**
106
+
107
+
108
+
109
+ forkしてclassNames使ったやつ ➡ [サンプル](https://codesandbox.io/s/exemplo-de-react-com-scss-e-css-modules-forked-ltwkz?file=/src/App.js)

2

ソース修正

2021/09/20 01:27

投稿

退会済みユーザー
test CHANGED
@@ -70,7 +70,7 @@
70
70
 
71
71
  ```javascript
72
72
 
73
- className={classNames(styles.modal, { [styles.active]: active })}
73
+ className={classNames(styles.modal, { [styles.active]: modal })}
74
74
 
75
75
  ```
76
76
 
@@ -96,4 +96,4 @@
96
96
 
97
97
 
98
98
 
99
- あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: active }` やった。(※修正済み)
99
+ あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: modal }` やった。(※修正済み)

1

ソース修正

2021/09/20 01:24

投稿

退会済みユーザー
test CHANGED
@@ -70,7 +70,7 @@
70
70
 
71
71
  ```javascript
72
72
 
73
- className={classNames(styles.modal, { styles.active: active })}
73
+ className={classNames(styles.modal, { [styles.active]: active })}
74
74
 
75
75
  ```
76
76
 
@@ -87,3 +87,13 @@
87
87
 
88
88
 
89
89
  になりよる。
90
+
91
+
92
+
93
+ ---
94
+
95
+ **追記:**
96
+
97
+
98
+
99
+ あ、間違うてしもた。`{ styles.active: active }` やなくて、`{ [styles.active]: active }` やった。(※修正済み)