Autenticar assíncrono com react-router-v4
eu tenho istoPrivateRoute
componente (dos documentos):
const PrivateRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => (
isAuthenticated ? (
<Component {...props}/>
) : (
<Redirect to={{
pathname: '/login',
state: { from: props.location }
}}/>
)
)}/>
)
Eu gostaria de mudarisAuthenticated
para uma solicitação aysncisAuthenticated()
. No entanto, antes que a resposta retorne, a página é redirecionada.
Para esclarecer, oisAuthenticated
a função já está configurada.
Como posso aguardar a conclusão da chamada assíncrona antes de decidir o que exibir?