리액트 콜백?? props 문제??

Question

개인프로젝트 검색기능 구현 중에 네비게이션바에서 검색 창을 활성화 시킨 후 렌딩페이지에서 보여주는 식으로 생각을 해봤습니다. LendingPage -Nav -> LeftMenu -> Search (이런식으로 설계를 해놨습니다) 하지만 렌딩페이지에서 부터 받아오는 데이터들을 네비게이션 바 에 있는 함수로 처리를 해준다면 제 생각으로 Search 에서 Leftmenu 로 콜백을 하여 Lengdingpage로 값을 줘야되는걸가요 ?? Nav에서도 처리를 해줘야될거같은데 감이 잘 안오네요 ㅠㅠ..ㅠ.

페코옹 · Answer

뭐 복잡하게 하지 마시고서치 하면 router.push(&#96;/search&#61;${}&#96;)로 보내버리시고 useRouter로 search값 있을 경우useEffect에서 처리 하게 해놓으세요.search값이 있으면 검색결과 보여주고 없으면 기본 랜딩페이지 보여주고 React.useEffect(() &#61;> { const { search } &#61; router.query; if (search) { 여기서 뭔가 하면 될듯 } }, [router]);

리액트 콜백?? props 문제??

1개의 답변

Q&A 목록