javascript - ReactJs - 重定向 url

Question

我是reactjs新手 - 如果我在子页面上遇到错误页面 - 因为网址错误 - 我正在寻找一种将页面重定向到另一个页面的方法。

所以 de/dienSTLeistungen/isdfisf -- 拼写错误重定向至 de/dienSTLeistungen

我尝试编写一个函数来处理这个问题，但没有成功

  if (!lang.serviceIntro[0][service]) {
    console.log('undefined', this)
    this.context.router.push('/de/dienstleistungen')
  }

失败的上下文类型:无效上下文 router类型 object供应给PlainHeader ，预计function .

Answer 1

你正在使用react-router吗？如果使用的话，您使用的是哪个版本？查看https://reacttraining.com/react-router/web/api/history目前是 v4。这是我的代码

class App extends Component {
    componentDidMount() {
        let token = ... // achieve token
        if (!token) {
            this.props.history.push('/login');
        }
    }

    render() {
        ....
    }
}

我在主页检查的代码如果未经身份验证，将以编程方式重定向到登录页面。 Prop this.props.history 将由 react 路由器通过 传递。查看上面的文档以获取更多信息。希望对您有帮助