React JS在登录屏幕上不显示Side NavBar
React JS是一个用于构建用户界面的JavaScript库。它通过组件化的方式，将界面拆分成独立的可复用部分，使开发人员能够更高效地构建交互式的Web应用程序。
在登录屏幕上不显示Side NavBar的问题可能是由于以下几个原因导致的：
- 组件未正确引入或渲染：确保在登录屏幕的代码中正确引入并渲染了Side NavBar组件。可以检查组件的导入语句和组件的使用位置。
- 条件渲染问题：可能存在条件渲染的逻辑错误，导致在登录屏幕上不显示Side NavBar。可以检查登录屏幕组件中的条件渲染逻辑，确保在需要显示Side NavBar的情况下进行正确的渲染。
- 样式问题：可能是由于CSS样式的问题导致Side NavBar在登录屏幕上不显示。可以检查Side NavBar组件的样式定义，确保其在登录屏幕上能够正确显示。
针对以上问题，可以参考腾讯云提供的React JS相关文档和资源，以便更好地理解和解决问题。腾讯云提供了云开发平台（CloudBase）和云函数（Cloud Functions）等产品，可以帮助开发人员更便捷地构建和部署React JS应用程序。
腾讯云React JS相关产品和文档链接：
- 腾讯云云开发平台（CloudBase）：https://cloud.tencent.com/product/tcb
- 腾讯云云函数（Cloud Functions）：https://cloud.tencent.com/product/scf
相关·内容
对于这个项目，我使用React.js和mdbootstrap。目前，每个页面的左侧都会显示TableList。不幸的是，在登录页面也是如此。还是在别的地方？
浏览 20提问于2020-10-23得票数 0
当我在导航栏中点击登录或注册时，它不会显示我的登录和注册屏幕，但当我输入url并按回车键时，它会像这样显示我的登录和注册屏幕，我尝试了所有的方法。它之前工作正常，但在放置到导航栏后，使用引导链接功能的导航栏不工作。
我的App.js代码 import Heading from './compone
浏览 10提问于2021-05-14得票数 0
我遇到了一个问题，我的Navbar & Header屏幕正在显示，但是登录和Signup屏幕没有出现。如果将这些屏幕输入到路由字段中，则这些屏幕可以工作，但我希望当Navbar上的按钮单击时文件就会出现。import "./App.css";impo
浏览 1提问于2022-10-25得票数 -1
我面临的问题，在引导肚脐上的反应应用程序。该应用程序在桌面浏览器上运行良好，但在移动电话浏览器上却不起作用。请检查我在桌面浏览器和移动浏览器的github页面上的应用程序。你可以理解这个问题。Github-页面链接：import { BrowserRouter as Router, Switch, Route, Link } from "react-router-domresults;
浏览 6提问于2020-04-20得票数 0
回答已采纳
3回答
我有以下布局：import React, { Component } from "react"; <ul> <li>{c}</li>))} </div>
浏览 10提问于2022-10-03得票数 0
我想在禁用时将我的映射状态从我的索引传递到按钮上的navbar.js属性“可见”。所以我创建了一个reducer 'reducers/App.js'： HIDE_CLICK, HIDE_SIDE_BAR,现在我的组件包含：'NavBar/index.js‘
import { connect } from &quo
浏览 2提问于2018-10-29得票数 0
1回答
这是显示中等大小的屏幕，以及下面的屏幕。在大屏幕上，侧导航链接变成普通导航链接.稍后将提供代码。然后,
我希望切换按钮变成一个'X‘按钮在幻灯片导航的右上角(其中3行切换按钮将是如果侧导航是隐藏的)。"> <a class=
浏览 1提问于2018-02-04得票数 1
回答已采纳
1回答
我试图在登录之前和之后修改Navbar内容，以便在登录之前，它显示登录和注册，在登录之后，它显示除这两个选项卡之外的其他选项卡。我有一个Auth.js，它有一个名为isAuthenticated()的函数，如果用户登录，返回true，否则返回false。最初，isAuthenticated()返回false，因此Navbar显示注册和登录。但是，
浏览 2提问于2020-05-31得票数 2
我正在使用React using with materialize。我已经使用materialize实现了一个侧边导航，它在屏幕较小时出现。当我点击菜单以显示side-nav，然后点击其中一个标签，我的控制台显示控制台中列出的错误，然后我的屏幕转到点击的标签，但当新页面显示时，它会显示一个暗淡的屏幕。单击关闭屏幕后，屏幕再次亮起。我的网站托管在Heroku上，所以
浏览 2提问于2020-10-21得票数 0
当我在app.js中给出部件时，它可以工作，但是当它被放入另一个文件navbar.js并导入时，它会显示空白屏幕。如果navbar.js中的代码是直接在app.js中添加而不是导入，那么它可以正常工作，并出现导航条。否则将出现空白屏幕。index.js如下所示：import React from 'react';
import React
浏览 4提问于2017-06-17得票数 2
回答已采纳
项目包含4个组件因此，Alert.js将显示在每一页上。我希望Alert.js只显示在Home组件上。其他任何部件都不行。我怎么能这么做？还有其他类似的问题。我都试过了。，这是我的App.jsimport Nav from './
浏览 5提问于2021-08-27得票数 2
回答已采纳
我使用React上下文将数据存储到sessionstorage中，以便登录和注销。我希望在导航栏上显示已登录用户的用户名，例如(Welcome，{user})，但它只显示为(Welcome，{})。我通过开发人员工具检查了sessionstorage，结果显示 username:""user"" 那么，为什么导航栏上显示为空白，是因为我没有正确获取数据吗？auth.js
浏览 42提问于2021-08-21得票数 1
回答已采纳
我试图使用react和router来创建一个旋转木马，但是它显示的是空屏幕，下面是我使用的代码: APP.JS： </ReactFullpage.Wrapper> }}};呈现的屏幕只显示<
浏览 1提问于2022-06-08得票数 2
我正在尝试让NavBar根据用户是否登录来切换到React，并在登录时在导航栏中显示用户名。我有两个组件，分别称为NavBar (未登录时)和UserNav (登录时)。无论出于什么原因，当用户登录时，导航不会切换。当使用React DevTools时，当用户登录时，它仍然显示NavBar组件。显示名称也未显示
浏览 0提问于2016-08-02得票数 1
我在react项目中有一个material-UI抽屉，问题是抽屉组件在组件本身中有页面内容。我解决了之前的一个问题，那就是在抽屉中使用react-router-dom进行路由。我想知道的是，我只想让抽屉在某些路线上显示出来，而不是全部。}; <main class
浏览 1提问于2019-09-17得票数 2
在localhost:3000上，当我使用Navbar.js时，它不会显示任何内容。index.jsRoutes，路由中的BrowserRouter in Navbar.js (我想让它作为SPA工作).import/Navbar
浏览 5提问于2022-10-08得票数 -1
回答已采纳
这是我想要的东西在我的靴子4的肚脐..。 <a class="navbar-brand" href="index.php"></span>
</button&g
浏览 3提问于2019-06-19得票数 0
回答已采纳
1回答
我有一个应用程序，我有两个页面:登录页面和应用程序页面。在我的应用程序页面中，我有三个部分:标题、侧边栏和内容部分。这就是我想要的
render() { <div>
浏览 0提问于2018-01-24得票数 0
我正试图在一个干净的React应用程序上创建一个Navbar (使用React-R外层-Dom)，出于某种原因，我只是得到了一个空白的屏幕，据我所能看到的，从查找各种指南，它应该是好的：import Navbar from "./components/Navbar";
浏览 4提问于2022-01-31得票数 1
我正在使用道具进行一个使用ReactJ的小项目，但是我的卡片组件根本没有显示在我的屏幕上，我已经查找了拼写错误/错误，但是找不到任何错误。有人看到问题了吗？(使用react 18.2.0版)import React from "react"import Card from &q
浏览 1提问于2022-08-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
