examples: hot hooks examples

gaearon · Jun 2, 2019 · 7d4402c · 7d4402c
1 parent 2450f25
commit 7d4402c
Showing 1 changed file with 13 additions and 4 deletions.
diff --git a/examples/styled-components/src/App.js b/examples/styled-components/src/App.js
@@ -40,12 +40,21 @@ const Context = React.createContext();
 
 const Hook = () => {
   const [state, setState] = React.useState({ x: 2 });
+  React.useEffect(() => {
+    console.log('mount effected');
+    setState(state => ({
+      x: state.x + 1,
+    }));
+  }, []);
+
   React.useEffect(
-    () =>
+    () => {
+      console.log('hot effected 0');
       setState(state => ({
-        x: state.x + 1,
-      })),
-    [],
+        x: state.x + 0.1,
+      }));
+    },
+    ['hot'],
   );
   return (
     <div>