From e8dfa5e208700aad682f96d41bc8f3fd51fe9a7a Mon Sep 17 00:00:00 2001 From: rbgksqkr Date: Wed, 19 Jun 2024 16:29:11 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B2=80=EC=83=89=20API=20=ED=98=B8?= =?UTF-8?q?=EC=B6=9C=20=EC=8B=9C,=20=EA=B2=80=EC=83=89=20=ED=8E=98?= =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=9E=85=EB=A0=A5=EA=B0=92=EA=B3=BC=20Nav?= =?UTF-8?q?bar=20=EC=9E=85=EB=A0=A5=EA=B0=92=20=EB=8F=99=EA=B8=B0=ED=99=94?= =?UTF-8?q?=ED=95=98=EA=B8=B0(#120)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/hooks/useInput.ts | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/src/hooks/useInput.ts b/src/hooks/useInput.ts index 50f7d1d..61d5006 100644 --- a/src/hooks/useInput.ts +++ b/src/hooks/useInput.ts @@ -1,5 +1,5 @@ import { useRouter } from 'next/navigation'; -import { ChangeEvent, useCallback, useState } from 'react'; +import { ChangeEvent, useCallback, useEffect, useState } from 'react'; const useInput = (initialValue: string) => { const router = useRouter(); @@ -25,6 +25,11 @@ const useInput = (initialValue: string) => { } }; + // SearchInput과 HeaderSearchInput 동기화 + useEffect(() => { + setValue(initialValue); + }, [initialValue]); + return { value, isFocused, handleChange, handleFocus, handleBlur, handleKeydown }; };