如何在用户使用passportjs成功登录时重定向reactjs中的页面

在用户使用passportjs成功登录时重定向React.js中的页面，可以通过以下步骤实现：

1. 首先，确保你的React.js应用已经集成了passportjs，并且已经实现了用户登录功能。
2. 在用户成功登录后，passportjs会生成一个认证凭证（例如JWT令牌），你可以在登录成功的回调函数中获取到这个凭证。
3. 在React.js中，可以使用React Router来进行页面的导航和重定向。确保你已经安装了React Router，并在应用中进行了配置。
4. 在登录成功的回调函数中，使用React Router的history对象来进行页面重定向。history对象可以通过React Router提供的withRouter高阶组件来获取。
5. 在回调函数中，使用history.push()方法来重定向到指定的页面。你可以传递一个路径作为参数，例如history.push('/dashboard')。
6. 如果你的React.js应用使用了路由参数，可以在重定向时传递参数。例如，如果你的目标页面是/dashboard/:userId，你可以使用history.push(/dashboard/${userId})来重定向，并将userId作为参数传递。

以下是一个示例代码：

import React from 'react';
import { withRouter } from 'react-router-dom';

class Login extends React.Component {
  handleLoginSuccess = () => {
    // 在登录成功的回调函数中获取认证凭证
    const authToken = 'your_auth_token';

    // 使用React Router的withRouter高阶组件获取history对象
    const { history } = this.props;

    // 重定向到指定页面
    history.push('/dashboard');

    // 如果需要传递参数，可以这样做
    // const userId = '123';
    // history.push(`/dashboard/${userId}`);
  }

  render() {
    return (
      <div>
        {/* 登录表单 */}
        <button onClick={this.handleLoginSuccess}>登录</button>
      </div>
    );
  }
}

export default withRouter(Login);

在上述示例中，当用户点击登录按钮并成功登录后，会调用handleLoginSuccess方法。在该方法中，获取到认证凭证后，使用history.push()方法重定向到指定页面（例如/dashboard）。如果需要传递参数，可以在重定向路径中添加参数。

请注意，上述示例中的代码仅为演示目的，实际应用中可能需要根据具体情况进行适当的修改和调整。

关于React Router的更多信息和用法，请参考腾讯云相关产品和产品介绍链接地址：React Router 官方文档。