verzit

네.. Login.js 는&nbsp;
&nbsp;
export default function AccountRoutes() {
&nbsp; &nbsp; return (
&nbsp; &nbsp; &nbsp; &nbsp; <>&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Routes >&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/* <Route path="/profile" element={<Profile />} />&nbsp; */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/* <LoginRequiredRoute path="/profile" element={<Profile />} />&nbsp; */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/* <Route path="/profile" element={<Profile />}>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route&nbsp; element={<LoginRequiredRoute />} />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </Route> */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route path="/profile/*" element={<LoginRequiredRoute />} >&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route element={<Profile />} />&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </Route>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route path="/login" element={<Login />} />&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route path="/signup" element={<Signup />} />&nbsp;
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </Routes>
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; </>
&nbsp; &nbsp; )
}
&nbsp;
&nbsp;
이렇게 했고,&nbsp;
&nbsp;
LoginRequiredRoute.js 는
&nbsp;
export default function LoginRequiredRoute({element : Component, ...kwargs}) {
&nbsp; &nbsp; const {store : { isAuthenticated }} = useAppContext();
&nbsp; &nbsp; console.log('isAuthenticated : ',isAuthenticated);
&nbsp; &nbsp; console.log('element : ',Component);
&nbsp;
&nbsp;
&nbsp; &nbsp; if ( isAuthenticated ) {
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; } else {
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; }
&nbsp; &nbsp; return (
&nbsp; &nbsp; &nbsp; &nbsp; <Routes >
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/* <Route {...kwargs}&nbsp; component={component} /> */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/* <Route&nbsp; {...kwargs} rennder = {props => { */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route&nbsp; path="/profile" element={<Profile />} rennder = {props => {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if ( isAuthenticated ) {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return <Component {...props} />;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; } else {
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return <Navigate replace to={{pathname : "/accounts/login", state : {from: props.location}}} />
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }}&nbsp; /> ;
&nbsp; &nbsp; &nbsp; &nbsp; </Routes>
&nbsp; &nbsp; )
}
&nbsp;
로 했는데요.&nbsp; 
{/* <Route {...kwargs}&nbsp; component={component} /> */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; {/* <Route&nbsp; {...kwargs} rennder = {props => { */}
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <Route&nbsp; path="/profile" element={<Profile />} rennder = {props => {
&nbsp;
이 부분을 세가지 경우를 다 써봤는데요.&nbsp; location.state : &nbsp;null 가 계속 되서, 로그인이 되어도&nbsp;
profile 페이지로 넘어가질 않더라구요.&nbsp;

verzit

Posts