Как использовать код js для переадресации

Question

Мое приложение использует response + redux, я использовал для this.context.router API для перенаправления моей страницы, но официальный представитель службы подсказывает, что нам не нужно использовать API context, а также я использовал history для перенаправления страницы, а затем я получу предупреждение от console «Предупреждение: [ретранслятор-ретранслятор]. Резервы.история и контекст.история устарели. Используйте context.router.», так как я могу использовать код js для перенаправления

Answer 1

Это зависит от версии react-router

в v4 вы можете думать о redirection as a component:

class MyComponent extends Component { 
    render() { 
    return this.props.isLoggedIn ? (
     <p>You're logged in!!</p> 
    ) : (
     <Redirect to="/login" /> 
    ) 
    } 
} 

в v3 я бы рекомендовал использовать browserHistory

import { browserHistory } from 'react-router' 

class MyComponent extends Component { 
    componentDidMount() { 
    if (!this.props.isLoggedIn) browserHistory.replace('/login') 
    } 

    render() { 
    if (this.props.isLoggedIn) return (<p>You're logged in!!</p>) 
    return null 
    } 
}