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

Question

我正在创建一个登录表单，提交该表单后，我会将用户重定向到 API 网站以获取访问数据的 token 。

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

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

您需要将重定向嵌套在 Route 组件中，如 here 中所述

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

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

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