在React中验证多个路由
可以通过使用React Router库来实现。React Router是一个用于构建单页面应用的常用库，它提供了一种方便的方式来管理应用的路由。
在React中验证多个路由的步骤如下：
- 安装React Router库：可以使用npm或者yarn来安装React Router。命令如下：
- 安装React Router库：可以使用npm或者yarn来安装React Router。命令如下：
- 导入所需的组件：在需要使用路由的组件中，导入
BrowserRouter、Route和Switch组件。代码如下： - 导入所需的组件：在需要使用路由的组件中，导入
BrowserRouter、Route和Switch组件。代码如下： - 定义路由组件：根据需要，定义多个路由组件。每个路由组件对应一个特定的路径。代码如下：
- 定义路由组件：根据需要，定义多个路由组件。每个路由组件对应一个特定的路径。代码如下：
- 设置路由规则：在
BrowserRouter组件中，使用Route组件来设置路由规则。代码如下： - 设置路由规则：在
BrowserRouter组件中，使用Route组件来设置路由规则。代码如下： - 在上述代码中，
exact属性用于确保只有在路径完全匹配时才渲染对应的组件。 - 渲染应用：在根组件中，渲染
App组件。代码如下： - 渲染应用：在根组件中，渲染
App组件。代码如下：
通过以上步骤，我们就可以在React中验证多个路由了。当用户访问不同的路径时，对应的组件将会被渲染显示。
React Router提供了很多其他功能，如嵌套路由、路由参数、重定向等。可以根据具体需求进行进一步学习和使用。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云负载均衡（CLB）：用于将流量分发到多个云服务器实例，提高应用的可用性和性能。
- 腾讯云对象存储（COS）：提供安全、可靠、低成本的对象存储服务，用于存储和管理大规模的非结构化数据。
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的云数据库服务，适用于各种应用场景。
- 腾讯云云函数（SCF）：无服务器计算服务，用于按需运行代码，无需管理服务器。
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和工具，帮助开发者构建智能化应用。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联网设备。
- 腾讯云区块链（BCS）：提供易于使用的区块链服务，用于构建和管理区块链网络。
- 腾讯云视频处理（VOD）：提供全面的视频处理服务，包括转码、截图、水印等功能。
- 腾讯云音视频通信（TRTC）：提供实时音视频通信能力，用于构建音视频通话和互动直播应用。
- 腾讯云云原生应用引擎（TKE）：用于部署和管理容器化应用程序的容器服务平台。
- 腾讯云云原生数据库（TDSQL）：提供高性能、可扩展的云原生数据库服务，适用于云原生应用场景。
以上是腾讯云提供的一些与云计算相关的产品，可以根据具体需求选择合适的产品来支持和扩展应用。
相关·内容
我是个新手，我一直在尝试为管理页面创建一条私人路由。 对于我的路由器，这是我的代码： <React.Fragment>
<Switch>
<Route path='/' component={Home} exact>
<Home />
</Route>
<Route path='/data' component={Data}>
<Data />
</Route>
<ProtectedRoute
浏览 15提问于2020-05-03得票数 0
即使在成功登录后也无法路由到admin页面，请显示一个空白屏幕。在成功登录时，系统应该导航并显示管理屏幕。有人能告诉我为什么路由没有发生吗？
//login.js
import React, { useEffect, useState } from 'react';
import { useForm } from "react-hook-form";
import { useNavigate } from "react-router-dom";
const Login = () =>{
const { register, erro
浏览 3提问于2022-05-26得票数 1
回答已采纳
我正在创建一个React应用程序，它在“全局”React上下文中存储用户角色(有两个可能的角色0和1，用于条件渲染)。角色在登录时分配。我还使用React Router处理路由，并编写了一个ProtectedRoute组件。我的问题是:当我通过NavBar导航时，一切都很好，但当我在url中输入/home时，我会被重定向到LoginPage(当角色未设置为0或1时，这是标准路由)，并且我不能再访问其他路由。但是，用户没有注销(数据库中的会话没有被删除)，应用程序似乎只是忘记了全局状态“角色”，该角色用于确定是否允许用户访问各个路由。恐怕我对DOM和Router的了解太有限，解决不了这个问题。
浏览 18提问于2019-11-12得票数 0
回答已采纳
1回答
我正在构建和反应快速应用程序，我没有使用服务器端渲染，我在客户端的会话管理中遇到了问题
所以问题来了。是这样的
我有快速路由/、/login、/logout、/dashboard，并且我在react中使用react路由器dom也有相同的路由
我使用express-session将useremail设置为express应用程序的/login路由中的会话变量，然后将用户重定向到/dashboard。在将用户重定向到/dashboard之前，我会将验证码放在检查是否设置了session.useremail的位置
但是当用户点击/dashboard连接到服务器时。服务器执行身份验证。但是，如果用户在r
浏览 2提问于2018-04-19得票数 1
我希望你做得很好！
我正在尝试使用公共和私有线路的react-router-dom v6，这是我目前拥有的代码
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Login from "./user/pages/Login";
import { LoginRedirect } from "./auth/redirects/LoginRedirect";
import Home from "./shared/pages/Home";
im
浏览 3提问于2022-11-15得票数 0
我正在使用React + Firebase开发应用程序。该应用程序需要用户访问自己的时间线的身份验证。所以我希望应用程序在LoggedIn屏幕和LoggedOut屏幕之间分开。
在App.js中，我将<Auth />设置为需要身份验证的屏幕。如下所示：
function App() {
return (
<Provider store={store}>
<BrowserRouter>
<div>
<Switch>
<Switch>
浏览 2提问于2020-01-15得票数 1
回答已采纳
我对React来说完全是个新手，对编程来说也是个相对新手。我必须编写一个登录程序，它将我引导到一个新的页面，我的主页。登录可以很简单，只需用户名或电子邮件和密码。登录应该是起始页。用户名/电子邮件和密码应该存储在一个单独的数据库中，我可以在登录时检查数据库中的数据。
因为总有一天会完成，所以React应用程序应该转换为Electron桌面应用程序。
现在，我创建了一个简单的登录，但不知道从哪里继续。
做这件事最好的方法是什么？我应该为这个主题做些什么呢？一般情况下，我应该关注哪些主题？你有什么链接，教程，提示等等吗？
// LoginForm.js
import React from &#
浏览 0提问于2020-03-19得票数 0
1回答
我有一个反应路由器3的设置，很好地工作在嵌套组件。现在，当我试图在react路由器V4中做同样的事情时，我似乎无法让它工作。我读过几篇文章，包括一些文档，但仍然无法让它起作用。我首先在react路由器3中发布我的设置，然后我尝试了什么-路由器4。
React路由器3安装App.js
import { Router, browserHistory } from 'react-router';
import Store from './store';
import routes from './routes';
ReactDOM.render(
浏览 3提问于2017-06-26得票数 1
回答已采纳
我试图在我的react应用程序中实现路由，但我有两个问题：
0]链接有一个我不想要的结束字符串：
http://localhost:3333/#/clients?_k=ssyjyn
每次我刷新页面后的所有字符'?_‘的变化。
1]当我单击一个链接时，我总是会得到以下错误：
Uncaught TypeError: Cannot read property 'pushState' of undefined
react路由器存储库中的示例为我工作，但是当我在我的应用程序中复制完全相同的代码时，它们就停止工作了，尽管我完全没有错误:简单地说，如果我单击一个链接，什么都不会发生。
浏览 5提问于2015-12-21得票数 0
1回答
我正在计划一个基于网络的应用程序项目的阶段。我想用对它进行处理。
此项目只为经过身份验证的用户服务。我相信随着时间的推移，这将是一个大项目。
使用一个页面react应用程序，我可以重定向到登录页面，但是在bundle.js中，每个api都会显示出来，我不想公开给公众。因此，我认为，我不需要创建一个页面应用程序，我需要分裂成几个基本页面。这样，我就不会向未经授权的访问者公开api URL(使用单独的登录页面)。
我想把每个模块分别捆绑起来。但是在每个模块中，都会有一个带有browserHistory的反应路由器。
/login =>单独的页面(成功登录后，这将重定向到/dashboar
浏览 1提问于2017-02-08得票数 0
我正在做一个项目，它的后端在python/django上，前端在has和redux中，客户端路由使用react路由器。请建议我使用后端生成/存储的django令牌进行用户登录身份验证/验证的一些方法。登录流应该如下所示：
在django中创建了带有电子邮件和密码的用户表，这是django生成的auth令牌。
用户第一次登录时，api会被react调用，在成功的验证服务器上使用令牌响应，我将将令牌存储在会话中。所有对api的后续调用都将包含此令牌以进行授权。
第二，我对如何授权安全的客户端路由感到困惑？基于用户登录状态还是什么？
PS:我只是问一些最好的方法来达到这个目的，而不是
浏览 6提问于2017-08-09得票数 2
我在我的应用程序中创建了一条私人路线，基本上我的应用程序中的所有路线都是私人的。因此，为了使私有路由成为私有路由，我添加了一个状态isAuthenticated，该状态在默认情况下为false，但当用户登录时为true。因此，在此isAuthenticated状态下，我在私有路由组件中实现了一个条件。但这样做的问题是当用户登录并刷新页面时。我被重定向到/主页。我不想这样。
我在这里使用令牌身份验证。
这是我的PrivateRoute.js
import React from "react";
import { connect } from "react-redux
浏览 2提问于2020-10-09得票数 1
我已经在一个MERN堆栈应用程序中实现了Firebase (与Google登录)。
/admin客户端路由是受保护的路由.登录后，我看到登录用户的displayName，如下所示：
Admin.js
import React, { useContext } from "react";
import { Link } from "react-router-dom";
import { useNavigate } from "react-router-dom";
import { getAuth, signOut } from "f
浏览 4提问于2022-08-19得票数 0
回答已采纳
我是Vue.js的新手。我正在做演示项目。在我的项目中，我有三个不同的导航栏。第一个用于HomePage，第二个用于登录/注册页面，第三个用于仪表板。在像React和Vue这样的框架中，我们为所有页面设置一个全局导航栏。如何有条件地呈现这三个导航栏组件？这方面的最佳实践是什么？我想设置vuex来解决这个问题，这是一个正确的方法吗？
浏览 91提问于2020-12-07得票数 0
回答已采纳
1回答
我已经使用passport.js在我的React中构建了授权，我想在我的App.js文件中获取我的授权路径，以查看用户是否登录到应用程序中，或者是否没有人登录。
为了帮助解决这个问题，我共享了React的App.js文件和Index.js文件的精简版本。
// App.js File
// Import React Libraries, Routes, Container Pages
import React, { Component } from 'react';
import { connect } from 'react-redux';
import {
浏览 1提问于2019-04-01得票数 0
我正在尝试使用Spring和React JS构建一个全栈web应用程序。
我已经在Spring中创建了登录/注册API，并将它们连接到React。它们工作得很好。
这是我的UserService
import axios from 'axios';
const user_base_url = "http://localhost:8080/users";
class UserService{
createUser(user) {
return axios.post(user_base_url + '/register'
浏览 0提问于2021-04-13得票数 0
我使用以下功能限制对某些路由的访问
function RequireAuth({ children, redirectTo }) {
const { user, setUser } = useContext(UserContext);
return user?.LoggedInStatus === "LoggedIn" ? children : <Navigate to={redirectTo} />;
}
它与react路由器链路，一起工作
<Link to="/protected">protected</Link>
但
浏览 6提问于2022-01-14得票数 1
回答已采纳
1回答
我想将react组件链接到link_to rails标记。有可能吗？ index do
column :uid
column :name
column :email
column :mobile
column :updated_at
column :task_details do
link_to('tasks', react_component("users/UserTask") )
end
actions 结束 在task_details中，link_to无法正常工作。
浏览 8提问于2019-01-10得票数 0
1回答
无头文字:如何认证前端请求？
、、、、
我设想后端的Wordpress可以在前端使用React.js，如下所示：
在http://example.com/api上安装了Wordpress
React.js脚本通过脚本标记加载到http://example.com/index.html中，然后注入根div。
不过有个问题。如果没有wordpress控制注册和排队，我就不知道如何在React.js脚本文件中本地化一个nonce。
没有nonce，路由就不能进行身份验证，因为cookie验证需要在X-WP-Nonce头中进行验证。https://developer.wordpress.org/rest-api/using-the-rest
浏览 0提问于2019-09-18得票数 2
2回答
我是个反应新手。我试图设置路由器和渲染来改变页面，但是它给了我一些我无法理解的错误。
我在我的index.js中安装了终端index.js，我已经导入BrowserRouter并嵌入了我的应用程序。
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
imp
浏览 9提问于2022-02-16得票数 2
回答已采纳
2回答
我使用的是反应路由器4，我有两个组件1- ShopLogin 2- Shopper.单击按钮后，我试图从ShopLogin组件重定向到Shopper组件。一切都很好。在单击按钮后，URL也会发生变化。我也能看到“你好”。但问题是，在单击按钮后，我能够在浏览器上看到这两个组件。组件不刷新。不知道为什么会发生这种事。下面是我的密码。
import React from 'react';
import PropTypes from 'prop-types';
export class ShopLogin extends React.Component {
cons
浏览 11提问于2017-04-15得票数 3
2回答
我对这种反应很陌生。我正尝试推行私人路线的概念。所以,
Main.js
class Main extends React.Component {
constructor(props) {
super(props);
this.state = {
error: false,
hasUserLogIn: false,
dataFetched: false,
isFetching: false,
}
}
render() {
浏览 0提问于2018-10-11得票数 0
3回答
从v3到v4的Redux升级
、、、、
我正在尝试将react路由器从v3升级到v4，并在运行应用程序时得到以下错误：
Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.
减速机：
import { combineReducers
浏览 5提问于2017-04-24得票数 1
回答已采纳
1回答
我正在尝试建立一个博客，从一个无头可湿性粉剂安装抓取数据。我正在使用Apollo/client来获取所有博客帖子，但希望单个博客帖子也能被获取CSR。
据我所知，gatsby-node.js只能在构建时执行createPages。但我希望单个博客帖子也是动态的，比如/blog/single-blog-post。
博客页面：
import React from "react"
import Layout from "../components/Layout"
import { useQuery, gql } from "@apollo/client"
浏览 0提问于2021-04-21得票数 0
2回答
在我的React应用程序中，当用户成功签名时，他/她的信息将保存在本地存储中。并且，只有当用户成功登录时，才会在会话存储中保存令牌。
现在我知道，只有当用户成功登录时，令牌才会在会话存储中。在此基础上，我希望设置我的私有路由。
我尝试过这样的方法，如果令牌是空的，那么它应该保留在登录表单上，如果令牌不是空的，那么就转到主页，但是这样做并不会设置我的路由。
我想我可能在运行路由器、路由和路由的App.js文件上做了一些错误，或者我检查令牌为null或null，我在那里犯了一些错误。
请帮助我纠正我的错误。谢谢。
这是我的密码。
Login.js
import React, { useState
浏览 10提问于2022-01-03得票数 2
如何知道用户在aws- Auth.signUp -react-native中执行放大操作时是否收到代码。
我需要跟踪用户在注册新用户时是否收到代码。aws-amplify-react-native是否有任何方法可以在UI中为用户跟踪或显示任何消息？
如何知道UI中该用户是否启用了MFA？
如果未启用，我将如何更改为启用状态。
注意:在我的设置中，它处于可选状态。因此有些用户在Auth.SignUp时没有收到代码
浏览 10提问于2020-05-19得票数 0
2回答
我对React和尝试将多个组件渲染到一个路由上还很陌生。在React路由器v5中是否有合适/更有效的方法来实现这一点？在下面的示例代码中，我希望合并"addCategories“和"viewCategories”，因为它们将在相同的路由上。
<code>A0</code>
浏览 22提问于2019-12-03得票数 0
回答已采纳
我正在制作一个react应用程序，im试图使用我从服务器接收到的数据(如果用户经过身份验证或他是管理员)来创建受保护的路由。问题是，当im等待从服务器获取数据时，我会看到一个闪到404抛出路由的闪烁。
我的目标：呈现受保护的路由而不闪烁到结果404 \页面未找到路由
The problem：由于客户端从服务器发送和接收数据所需的时间很长，所以客户端不知道用户是否经过身份验证并将其发送到附带数据页，并且只有在完成数据获取后才会将用户重定向回实际页面。
我的app.tsx -
import { BrowserRouter, Route, Routes } from 'react-route
浏览 13提问于2022-05-02得票数 1
回答已采纳
最近我试着建立一个网络平台的低谷反应。一切都很好，一切正常。但是，当我试图为用户登录创建一个不同的页面时，我遇到了许多问题：
在我的代码中已经有了路由，所以当我尝试将其他路由添加到另一个js文件中时，它们根本无法工作。我不知道如何在react路由器中进行身份验证，我尝试过很多种方式，遵循了许多教程，但没有结果。
<Switch>
<Route exact path='/' component={Feed}/>
<Route path="/user" component={Profilo}/>
<R
浏览 1提问于2019-12-17得票数 0
回答已采纳
因此，我正在使用由yo sharepoint生成器版本1.13.1生成的OOB项目，并使用react router 6.2.1和类型记录版本4.5.4。
每次我做一次一次性的构建时，tsc就会抛出这个error....did，有人能做到这一点吗？
16:04:24错误- tsc节点_模块/react路由器/index.d.ts(151，74)：Error TS1110:类型预期。16:04:24 Error - tsc节点模块/react路由器/index.d.ts(151，83)：error TS1005：'}‘预期。16:04:24 Error - tsc节点_模块/react路由
浏览 8提问于2022-01-18得票数 0
1回答
今天，我遇到了一个问题，在API验证用户的JWT令牌是否有效之前，react加载路由。当使用EJS时，我可以将中间件传递到路由，而中间件将不包含下一个()参数。因此，服务器不会呈现EJS，这正是我希望使用react实现的。另外，在导航特定路由时，是否可以使useNavigate不重新加载？
我目前在App.js中的路线如下所示：
<Route element={<ProtectedRoute access={access}></ProtectedRoute>}>
<Route
path="/login"
exact
浏览 2提问于2022-06-01得票数 4
回答已采纳
我正在使用react和express，但我不是在做服务器端渲染，而是使用一些路由，如/login、/register来接收来自react的数据。我正在使用react路由器与HashRouter进行导航，我的问题是我不知道在哪里检查用户是否通过了身份验证，我应该在react上还是在服务器上进行？即检查会话是否存在..我正在使用cookie-session来存储一些信息。如果这是不可能的，那么这就是jwt令牌和passport js的用武之地吗？
这是我的服务器路由，我想重定向到一些react路由，但我不能这样做，因为服务器和react路由的工作方式不同。
server.post('/lo
浏览 0提问于2018-03-15得票数 2
2回答
我现在正在学习react，只是因为所有很酷的孩子都在里面写代码，我想知道如何才能让一个身份验证应用程序工作。我的想法是，我会有一个带有passport.js和mongoose的express应用程序来处理身份验证，但我知道react有它自己的路由器，服务器只给它一个捆绑了所有js的静态html文件。问题是，如何创建一个在/上有登录表单的应用程序，然后当用户通过身份验证时，重定向到显示登录用户用户名的/dashboard？我是在后端创建路由还是在react中创建路由？我真的找不到任何可以帮助我的资源，所以stackoverflow实际上是我最后的选择。 任何对我有帮助的资源都欢迎使用?
浏览 13提问于2021-06-13得票数 0
3回答
在受保护的路由上刷新防火墙路由器
、、、、
我正在构建一个使用firebase，react和redux的todo web应用程序。因此，我保护了rote，如"/todos/add"、"/dashboard"和来宾路由，如"/"、"/signup"、"/login"，如果您经过身份验证，就无法访问这些路由。
我的问题是，当我在"/todos/add"路由中通过身份验证，重新加载页面时，应用程序重新加载，我的操作被分派，将我的用户放到redux存储中，但我将重定向到"/login" an然后转到"/dashboard
浏览 0提问于2018-03-04得票数 6
回答已采纳
当用户登录时，我正在初始化一个使用私有路由连接到Firebase的TS React应用程序。
在我刷新页面之前，一切似乎都很顺利。当我这样做，应用程序带我回到公共路线，这是一个登录页面。
我认为问题可能是设置为空的上下文的初始状态，但可能是另一个问题。
下面是我的用户上下文的代码：
import React, { useContext, useState, useEffect } from "react";
import firebase from "firebase/app";
import { auth } from "../firebase"
浏览 1提问于2021-05-19得票数 0
我有一个react应用程序，我希望用户在登录时被重定向到'/dashboard'，而不是主路由'/'。我已经用'/login'路由实现了这一点，但是不能让它对'/' home路由执行同样的操作。
如有任何帮助或见解，将不胜感激。
偶尔在玩游戏时，我会从React得到无限循环错误
import React, { useEffect, useState } from "react";
import { useSelector, useDispatch } from "react-redux";
impo
浏览 1提问于2021-08-26得票数 0
我使用“React Context”将状态user传递给子组件。 问题:每次重新加载页面时，状态user的值都是空的。这会导致页面在重定向到'/dashboard`‘之前短暂地重定向到/login。这将防止用户手动访问页面。 目标:如何在渲染之前等待状态user？ App.js function App() {
const [user, setUser] = useState(null);
useEffect(() => {
firebase.auth().onAuthStateChanged((user) => {
if (user) set
浏览 30提问于2020-08-23得票数 1
回答已采纳
2回答
我想像往常一样在app.js文件上呈现我的login.js组件，但是今天我面临着一个问题，比如react-router中的一个组件重叠到另一个中，尽管它们在我的react.js项目中都是一个单独的组件。我其实不明白为何会突然出现这个问题。 这是我的组件，我将在react-router内的App.js文件中呈现它。 import React from "react";
import "./Login.css";
const Login = () => {
return (
<div className="
浏览 35提问于2020-11-04得票数 0
回答已采纳
1回答
我需要在React路由器中使用<a href=""></a>，以便在Passport.js应用程序中使用OAuthentication。每当我创建一个锚标记并在React中单击它时，它就会转到React路由器中的一个空白页面，而且我甚至没有从后端的Node服务器上得到回调，而所有的验证都来自Google/Facebook/Linkedin。
在React中有一个href标记的有用方法是什么-路由器，这样我的后端就可以注册它，通过回调遍历它的api流，然后将它发送到React路由器中的正确位置？
问题是这个
编辑
在这篇文章中，他们有着和我一样的问题，解
浏览 3提问于2017-12-06得票数 0
是否有可能在Remix.run React框架中设置受保护的路由，以便只有管理员用户才能获得受保护的组件，而常规用户则根本没有将受保护的组件作为发送到浏览器的JS包的一部分？
此外，这可能需要在前端进行一种代码拆分。在Remix.run中支持代码拆分吗？
浏览 5提问于2021-11-23得票数 0
回答已采纳
2回答
我是相当新的反应，并试图在我的反应应用程序实现单一的认证标志。
目标：
提供一个登录页面，用户可以在其中输入电子邮件地址。
点击登录用户获取SSO弹出(基于Azure AD)来接受条款和登录。
调用图形API检索用户详细信息(电子邮件ID等)
检索标记中的标志并将其存储在浏览器缓存(localStorage)中，并将其用于后续的URL访问(反应路由)。
我遇到了MSAL ()，它似乎对此很有用。
我尝试过的：
基于MSDN：，我在Azure中注册了React应用程序，并获得了客户ID。
我已经创建了一个js文件(Auth.js)来处理登录、令牌生成和图形API调
浏览 0提问于2019-08-27得票数 2
我正在尝试设置一个Router，以使用与官方react-router文档中的等效的自定义react-router组件。问题是我还想使用catch -所有404路由，所以我认为我也需要使用Switch组件，如文档中的所示。
这里有一个冲突，因为 for Switch声明Switch组件的子组件必须是Route组件，而在中，团队声明不支持在Switch中使用非路由组件，即使它碰巧工作。
我已经创建了更高级的路由，目前正在Switch中使用它们，它似乎正在工作，但这不会通过我的公司的代码评审，因为它使用的是一个不受支持的API，随时都可能中断。我想知道是否有一个完全支持的方式，使用更高的路线，连同一
浏览 0提问于2019-06-28得票数 2
回答已采纳
所以我正在做一个项目，将React，Express.js+Passport和Webpack整合在一起。我理解通过react-router将所有内容推送到“主”React组件，然后让它散列出为给定路由显示的内容的概念。我认为，这在这里会很好用。坦率地说，我是一个新的反应。
我担心的是：
1)我可以/如何仍然使用Passport来验证我的路由？如果我正确理解了react-router，我会在我的快速app.js文件中有一条路由，它指向一个名为<Application/>的React组件。但是，Passport需要router.get('/myroute', isAuth
浏览 0提问于2015-06-12得票数 26
回答已采纳
我希望我的ProjectButton组件在除/projects之外的所有路由中呈现。有什么办法可以用反应路由器来处理这件事吗？
<Router>
<React.Fragment>
<Route path={baseURL} component={ProjectButton} />
<Route exact path={baseURL} component={Home} />
<Route exact path={baseURL + '/about'} component={Abou
浏览 2提问于2019-03-01得票数 1
回答已采纳
我正在用Spotify Web API为一个简单的React应用程序实现授权代码流，使用Node Express作为服务器，但我不知道如何将身份验证凭据从服务器传递到客户端。 我使用React的useContext钩子来存储授权凭证。 import React, { createContext, useState, useEffect } from "react";
// the shape of the default value must match
// the shape that consumers expect
// auth is an object, set
浏览 13提问于2020-08-31得票数 1
2回答
客户端路由的缺点是什么？
、、、
我正在构建一个通用/同构的javascript应用程序(Express/Redux/React)。我正在考虑在客户机上使用React Router进行路由，和/或在服务器上使用Express进行路由。
我知道客户端路由在单页应用中变得流行起来，因为它们使用户交互更加无缝。
但是，我正在尝试更好地理解客户端与服务器端的路由。在构建任何应用程序(无论是否为单页面)时，可能会遇到客户端路由的潜在缺点是什么？什么时候考虑在服务器上进行路由是最好的？大型应用程序是否只在一端(客户端/服务器)路由，还是经常将两者混合在一起？
谢谢!
浏览 1提问于2015-09-10得票数 4
1回答
我正在开发一个应用程序，它正在使用React路由器，我注意到当我的Redux存储发生变化时，路由器正在重新呈现当前路由所引用的组件，而不是重新呈现路由本身。
为了说明这个问题，我实现了一个PrivateRoute，它检查用户当前是否登录。在最基本的形式中，它看起来如下所示：
const PrivateRoute = ({component: Component, ...rest}) => {
return <Route {...rest} render={(props) => {
const state = store.getState()
if (st
浏览 3提问于2017-12-10得票数 1
回答已采纳
1回答
所以在我的应用程序中，我有一个登录组件和一个身份验证组件。最后一种方法适用于QR代码授权等。
由于程序包“node”现在已被废弃，所以我更改为"sass“NPM包。我不得不升级的“反应路由器”和“反应路由器-多姆”以及他们的最新版本(6.)。
下面是我的依赖关系：
"dependencies": {
"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab":
浏览 2提问于2021-11-16得票数 0
当涉及到身份验证时，我完全是个新手。我正在尝试将Colt Steele使用的方法作为其的一部分，以适应我的项目。
Colt使用Node.js + Express.js + MongoDB，在ejs中进行服务器端渲染。对于用户身份验证，他使用Passport.js。
我使用Node.js + Express.js + MongoDB和React.js进行客户端渲染。我也使用React Router。我还在尝试使用Passport对用户进行身份验证。
我的问题是，虽然我可以成功登录，但我仍然无法访问登录墙后面的任何内容。当我向服务器请求某个检查用户是否通过身份验证的路由时，得到的答案总是假的。
这
浏览 2提问于2017-09-27得票数 2
我正在将我的页面从html和jquery迁移到使用React，我知道React Router和Redux是在构建react应用程序时处理路由的方法，但就目前而言，我想知道如何更改我的设置，以便能够为不同的页面呈现不同的react组件。目前，我可以在加载索引页面时呈现一个react组件，但我认为可以在它下面添加另一个ReactDOM.render()，并在不同的页面上为该组件指定一个不同的div id，但我注意到了一个错误Invariant Violation: Target container is not a DOM element。这是否与不使用react路由器或其他原因有关？
这是我的i
浏览 1提问于2019-03-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
