no message

redux/redux-reactRedux/src/components/count/dist/style.module.css

@@ -0,0 +1,15 @@
+.hehe {
+  margin-top: 20px;
+  margin-left: 20px;
+  padding: 12px;
+  border: 1px solid green;
+}
+.hehe .item {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.hehe .item .name {
+  font-weight: bold;
+  color: #333;
+}

redux/redux-reactRedux/src/components/count/index.jsx

@@ -6,7 +6,7 @@
  */
 import {useRef} from 'react'
 import {connect} from 'react-redux' 
-import count from './style.module.css'
+import count from './style.module.scss'
 import {
     createIncreementAction,
     createDecreementAction,

redux/redux-reactRedux/src/components/count/style.module.css

@@ -1,11 +0,0 @@
-.hehe{
-    margin-top: 20px;
-    margin-left: 20px;
-    padding: 12px;
-    border: 1px solid green;
-
-}
-*{
-    padding: 0;
-    margin: 0;
-}

redux/redux-reactRedux/src/components/count/style.module.scss

@@ -0,0 +1,16 @@
+.hehe{
+    margin-top: 20px;
+    margin-left: 20px;
+    padding: 12px;
+    border: 1px solid green;
+    .item{
+        display: flex;
+        justify-content: flex-start;
+        align-items: center;
+        .name{
+            font-weight: bold;
+            color: #333;
+        }
+    }
+
+}