save

Author: zzq0826

src/components/Footer/Subscribe/Subscribe.tsx

@@ -19,12 +19,13 @@ export default function Subscribe(props) {
   const [email, setEmail] = useState("")
   const [customMessage, setCustomMessage] = useState("")
   const [emailValid, setEmailValid] = useState(false)
+  const [key, setKey] = useState(0)
 
 
   useEffect(() => {
     setTimeout(() => {
-      setEmail("")
-    }, 3000)
+      setKey(key + 1)
+    }, 300)
   }, [props.lang])
 
   useEffect(() => {
@@ -48,7 +49,7 @@ export default function Subscribe(props) {
   }
 
   return (
-    <div className={clsx(styles.container, "dark:bg-dark-highlight")}>
+    <div key={key} className={clsx(styles.container, "dark:bg-dark-highlight")}>
       <div className={styles.subscribeBox}>
         <span className="text-white dark:text-black bg-black dark:bg-white rounded-[50%]">
           <SubscribeSvg></SubscribeSvg>