로그 아웃시 로그인 페이지로 리디렉션

Question

사용자가 Navbar에서 로그 아웃 버튼을 클릭 할 때 공용으로 사용할 수있는 로그인 페이지로 리디렉션 라우터 4를 연결하려고합니다. 로그 아웃 기능은 작동하지만 사용자는 로그 아웃되지만 리디렉션은 결코 발생하지 않습니다. 내가 여기서 무엇을 놓치고 있니?

저는 react-router v4와 meteorjs를 사용하고 있습니다.

<button type="button" className="btn btn-link logout-button" onClick={() => Meteor.logout(() => (<Redirect to="/login" />))}>Logout</button>

Answer 1

import { Redirect } from "react-router"; 
class Header extends Component { 
constructor(props){ 
    super(props); 

    this.state = { 
    isLoggedIn: Meteor.userId(), 
    } 
} 

handleLogout(e){ 
e.preventDefault(); 

    Meteor.logout((error) =>{ 
    if (error) { 
     console.log(error.reason); 
    }else{ 
     this.setState({isLoggedIn: !this.state.isLoggedIn,}); 
     console.log("Logout successful"); 
    } 
}); 
} 

render() { 
return (
    { 
    (this.state.isLoggedIn) && 
     <Redirect to="/Login" /> 
    } 
); 
} 

그냥 바로 당신을 리디렉션 것을 좋아한다.