리액트 url redirect

리액트에서 url을 다른 url로 redirect 시키는 방법을 알아보자

 

1. react-router을 install한다.

2. useState를 사용하여 리다이렉트 변수를 선언한다.

3. 로직에서 setIsRedirect(true) 셋팅한다.

4. <Redirect> 컴포넌트를 이용하여 url을 redirect한다.

 

1. react-router을 install한다.

npm install react-router

2. useState를 사용하여 리다이렉트 여부를 체크한다.

const [isRedirect, setIsRedirect] = useState(false); 

3. 로직에서 setIsRedirect(true) 셋팅한다.

async function handleSubmit(e){
        setLoading(true);
        await signIn(user).then(response=>{
            if(response.status==200){
                setIsRedirect(true);
            }else{
 ....

4. <Redirect> 컴포넌트를 이용하여 url을 redirect한다.

return(
	{isRedirected && <Redirect to="/home"/>}
)