检查身份验证后，React组件未呈现
在检查身份验证后，React组件未呈现的情况下，可能有以下几个可能的原因和解决方案：
- 身份验证逻辑错误：首先，需要确保身份验证逻辑正确并且已经成功通过验证。可以检查身份验证的代码，确保正确处理了用户的身份验证状态。如果身份验证失败，可以考虑显示一个错误消息或者重定向到登录页面。
- 组件渲染条件错误：如果身份验证成功但是组件仍然未呈现，可能是由于组件的渲染条件设置不正确。可以检查组件的条件语句，确保在身份验证成功后，组件能够正确地被渲染出来。
- 异步请求延迟：如果身份验证是通过异步请求进行的，可能存在请求延迟的情况。在身份验证后，需要等待异步请求返回结果后再渲染组件。可以使用异步操作或者Promise来确保在请求返回结果后再进行组件的渲染。
- 组件生命周期问题：React组件的生命周期也可能导致组件未呈现的问题。可以检查组件的生命周期方法，确保在身份验证成功后，组件的生命周期方法被正确调用，以便进行组件的渲染。
总结起来，当检查身份验证后，React组件未呈现时，需要确保身份验证逻辑正确，组件的渲染条件设置正确，异步请求没有延迟，以及组件的生命周期方法被正确调用。如果以上解决方案无法解决问题，可以进一步检查其他可能的错误或者寻求开发团队的帮助。
腾讯云相关产品推荐：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 腾讯云认证服务（CAM）：https://cloud.tencent.com/product/cam
相关·内容
2回答
因此，基本上我正在尝试为我的应用程序创建一个受保护的路由，并且我有另一个函数来检查服务器API是否正确地验证了客户端。不幸的是，由于React Hooks的工作方式，状态不会直接更新，如果我试图在用户未通过身份验证时进行重定向，它会直接将我送到那里。因此，当您重新加载页面时，因为State也是重置的，所以在第一次呈现时，它会将我视为未登录(即使我登录了)，并将我发送到登录页面。所以我认为我可以等待，直到它得到响应，然后用isAuth(ctx).then(...)呈现，然而，它不呈
浏览 15提问于2020-09-22得票数 0
回答已采纳
我们在REACT SPA中使用MSAL 2.0进行身份验证。根App组件实现了一个处理身份验证部分的react高阶组件(HOC)。在身份验证逻辑中，我们如何检查用户在首次登录后是否登录，以避免重新呈现与从图形api获取用户信息相关的逻辑。要求是在用户第一次登录并从图形api中检索信息后，应用程序应该重用这些信息，直到登录过期。
浏览 62提问于2021-01-10得票数 1
1回答
我有一个PrivateRoute组件，它包装了需要身份验证才能访问的其他组件。PrivateRoute调用一个检查身份验证的API，同时，在决定是否重定向用户是否通过身份验证之前，会显示一个Loading组件。这里的理想流程是： 用户身份验证=>重定向到PrivateRoute => Loading组件在API调用完成时呈现=> ComponentA呈现为用户刚通过身份验证
浏览 10提问于2020-07-11得票数 0
回答已采纳
1回答
下面显示在我的Protected.js组件。然而，我正在努力想办法也有条件地在我的导航栏中显示登录/注销按钮App.js。后续问题：我是否应该将身份验证逻辑移出我的Login.js路由并进入我的main App.js组件并向下传递状态？这不是非常低效吗，因为每次我渲染一个新视图时，App.js是否正在使用我的后端API执行另一次获取，以验证用户是否具有未过期的会话？
浏览 38提问于2020-04-25得票数 1
回答已采纳
我正在使用React 15.0.1和react-router 2.2.1。我使用App作为父组件，它呈现从路由器处理程序传递过来的子组件。当用户登陆路由时，他们将被检查以进行身份验证。如果身份验证失败，它们将被重定向至登录路由。/components/404/404')}/> </Router>当应用程序
浏览 1提问于2016-04-17得票数 3
注册用户并将user值分配到全局存储后，我将尝试呈现dashboard组件。但是，我的dashboard组件不会呈现，尽管我已经设置了user值。dispatch({ user: null, } }, []);
下面是呈现组件的代码
浏览 0提问于2020-11-16得票数 2
我有登录组件，这应该是未认证的用户可用。在认证之后，这个组件就会变得不可用。user"/> } );
React.render(<Handler {...state}/>, document.getElementById('main'));如
浏览 0提问于2015-09-27得票数 13
回答已采纳
2回答
状态变化后的测试反应组件
、、、、
如何测试以下组件？import React from "react";
state = {当该导入被解析和加载时，它返回一个react组件，该组件应该存储在状态中并呈现。那么，测试应该是什么样的，才能让组件解析网络请求，加载它，显示它，并在它呈现后检
浏览 0提问于2018-10-03得票数 0
回答已采纳
最近我开始学习React，我这里的问题是当我在登录页面/组件时，我不能隐藏导航栏。</Router>)根据我所做的小搜索，大多数方法都像是在每个组件中插入
浏览 0提问于2019-12-05得票数 0
我的受保护路由中有一个this.props.auth缩减程序(如果通过身份验证，则返回user；如果未通过身份验证，则返回false )。目前，我正在检查this.props.auth是否为假，或者其中是否有用户。如果为false，则重定向到/login；如果为true，则使用this.props.auth数据呈现页面。目前我必须以相同的方式重写所有组件的身份验证逻辑。使用户身份验证检查可重用的最佳方法是什么？受保护的组件代
浏览 3提问于2019-01-27得票数 1
回答已采纳
我正在学习Auth0 + react，并专门看了下面的示例：import React, { Fragment } from "react";
{/*<Hero />*/}
<
浏览 5提问于2021-12-30得票数 1
回答已采纳
1回答
我正在开发一个应用程序，它正在使用React路由器，我注意到当我的Redux存储发生变化时，路由器正在重新呈现当前路由所引用的组件，而不是重新呈现路由本身。为了说明这个问题，我实现了一个PrivateRoute，它检查用户当前是否登录。render方法，而不是重新呈现路由。这意味着应用程序只在用户从某个页面转到主页时才会执行身份验证检查，但是一旦在主页上，检查就不再执行。
目前我所做的唯一工作就是将身份验证检
浏览 3提问于2017-12-10得票数 1
回答已采纳
我正在使用React Redux为我的Express API构建一个用户界面，我想知道如何处理通过身份验证和未经身份验证的用户。有两个应用程序组件是一个好主意，一个用于经过身份验证和未经身份验证的用户-如果JWT在用户登录后成功调度到redux状态，这两个组件将有条件地呈现在主组件(app.js)中。
浏览 12提问于2020-10-11得票数 0
当用户身份验证超时时，我使用connected-react-router历史记录导航到登录屏幕。为此，我使用axios拦截器捕获所有响应，并检查它们是否返回指示上述内容的错误消息。authErr') Promise.reject(error.response)路由工作得很好，但是react仍然尝试渲染我导航离开的组件。由于后端以错误响应，因此组件接收的数据为null，这会导致应用程序抛出类型错误并崩溃。
由于身份验证
浏览 4提问于2019-07-26得票数 2
我正在使用react和react-router。在使用IndexRoute上的onEnter异步钩子检查身份验证后，将呈现应用程序组件。App组件有一个初始状态auth，它在呈现时被设置为undefined。身份验证状态将作为prop传递给Navbar组件，在那里它将用于决定是否显示登录、注册和注销链接。当应用程序组件完成呈现时，componentDidMount
浏览 0提问于2016-04-15得票数 6
the Store上面是称为LoginPage的组件的代码LoginForm处理用户身份验证，但我想放入另一个名为Dashboad的组件，并根据auth的状态有条件地呈现它。
但是，我不确定如何在纯组件中有条件地呈现。我可以更改为非纯组件，但是我不确定如何将auth、doLogin和doLogout传递为非纯组件
浏览 0提问于2018-07-06得票数 2
1回答
我有一个react类组件，它由一个表组成。该表有一个编辑和删除按钮，如果用户未登录，我希望禁用该按钮。我有一个isAuthenticated值，用于检查用户是否未登录，但不确定如果用户未登录，如何使用该变量有条件地禁用或不呈现编辑和删除按钮。
浏览 12提问于2021-02-07得票数 0
回答已采纳
我在我的React原生应用程序上使用react导航，并遵循其身份验证流程。 app.js将基于名为userProfile的用户身份验证状态呈现身份验证屏幕或主屏幕。userProfile将通过名为userContext的React上下文从一个应用程序组件传递到子组件，一些调度函数也将被称为authContext。 我希望应用程序导航到身份验证屏幕AuthContainer，要求用户再次登录，因为此时我在应用程序<e
浏览 21提问于2020-04-08得票数 1
假设您有一个JSON有效负载在身份验证后从初始调用返回到React应用程序，以找出用户具有什么“类型”的角色，并基于此将它们路由到react中的特定视图。因此，我将从JSON收到如下内容： { "is_admin": true } 在React Router中，有没有一种方法可以测试这个值，然后呈现适当的视图？基本上看一下JSON值，如果它们是管理员，则呈现一个组件集合，如果它们不是管理员，则呈现不同的集合。
浏览 13提问于2020-07-26得票数 0
回答已采纳
我有这个搜索方法，我想在搜索后重定向用户。问题是它什么也做不了，我不知道为什么。历史已定义，但对象“this.props.history”的"location“属性似乎没有相应地更改我在推送方法('.我知道我在其他文件中使用了完全相同的东西(this.props.history.push()和withRouter)，并且它工作正常……我在browserHistory中使用"react-router-dom, { Component } from 'react';
import { Field
浏览 11提问于2017-07-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
