React - 提交表单时重定向到第三方网站

Question

我正在创建一个登录表单，当它被提交时，我将用户重定向到一个 API 网站以获取访问数据的令牌。

我正在尝试渲染以下内容：

if(this.state.isSubmitted) {
      return (
        <Router>
            <Redirect to={`${authEndpoint}? 
               client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scopes.join(
               "%20")}&response_type=token&show_dialog=true`} />
        </Router>
      );
    }

我得到的错误是：

Uncaught Invariant Violation: <Router>: Children of <Router> must have a `path` or `default` prop, or be a `<Redirect>`. None found on element type `function Redirect(_ref)

谁能告诉我如何解决这个问题？

Answer 1

您需要按照所述将重定向嵌套在路由组件中 here

但是你在这里试图实现的是错误的。 Redirect 是一个用于在项目中路由反应页面的组件。如果您想将用户重定向到其他网站，请使用

 if(this.state.isSubmitted) {
    window.location.href = `${authEndpoint}?client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scopes.join("%20")}&response_type=token&show_dialog=true`
 }

如果您想在用户访问您网站的特定路径时重定向用户，请改用