reverse false (로그인 있어야 들어가짐)
reverse true (로그인 안해야 들어가짐
const PrivateRoute = ({
component: Component,
redirect: Redirect,
from,
to,
...props
}) => {
const { userInfo } = useUser();
return (
<Route
{...props}
render={props =>
!reverse ? userInfo.token ? (
<Component {...props} />
) : (
<Redirect
to={{
pathname: to,
state: { from },
}}
/>
) : userInfo.token ? (
<Redirect
to={{
pathname: to,
state: { from },
}}
/>
) : (
<Component {...props} />
)
}
/>
);
};
<PrivateRoute component: redirect: from: to: >
return (
)
<Route path="/signup" exact component={SignUpPage}>
{hasAuth ? (
<Redirect
to={{
pathname: '/',
state: {
from: '/signup',
},
}}
/>
) : (
<SignUpPage />
)}
</Route>