study: useEffect

쏘랑 유즈이펙트 공부했음 #6
Soongsil-University-MakeUs-Challenge · Aug 15, 2022 · 0a91435 · 0a91435
1 parent c009b75
commit 0a91435
Showing 1 changed file with 22 additions and 2 deletions.
diff --git a/pages/test/index.js b/pages/test/index.js
@@ -1,7 +1,7 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 const Test = () => {
-  const [sso, setSso] = useState('sssssssssssssssssssssso')
+  const [sso, setSso] = useState('')
   const [visible, setVisible] = useState(false)
 
   const handleSsoNameChange = (text) => {
@@ -17,6 +17,26 @@ const Test = () => {
     })
   }
 
+  // useEffect(() => {
+  //   console.log(
+  //     'ssssssssssssssssssssssssssssssssssoooooooooooooooooooooooooooo',
+  //   )
+  // }, [])
+
+  // useEffect(() => {
+  //   console.log(
+  //     'ssssssssssssssssssssssssssssssssssoooooooooooooooooooooooooooo',
+  //   )
+  // }, [sso])
+
+  useEffect(() => {
+    handleVisible()
+  }, [sso])
+
+  useEffect(() => {
+    handleVisible()
+  }, [])
+
   return (
     <>
       {sso}