728x90
import { Outlet, useNavigation } from "react-router-dom"; //추가
import MainNavigation from "../components/MainNavigation"
export default function RootLayout(){
const navigation = useNavigation(); //추가
return(
<>
<MainNavigation></MainNavigation>
<hr></hr>
{navigation.state === "loading" && <p>loading...</p>}
{/* {navigation.state === "loading" && alert("테스트용")} */}
<Outlet></Outlet>
</>
)
}
'단순 코드 기록 > React' 카테고리의 다른 글
React_Action함수를 이용한 Form 전송 (0) | 2024.03.21 |
---|---|
React_Error별 메세지 출력 (0) | 2024.03.21 |
React_Loader의 분리 (0) | 2024.03.21 |
React_loader를 이용한 데이터 fetching (0) | 2024.03.21 |
React_useParams와 useSearchParams를 활용한 PathVariable/QueryString (0) | 2024.03.21 |