React和React Router -主页组件在构建后未呈现
React是一个用于构建用户界面的JavaScript库。它通过组件化的方式，将用户界面拆分为独立且可复用的部分，使得开发者可以更加高效地构建复杂的应用程序。
React Router是React官方提供的用于处理前端路由的库。它可以帮助开发者在React应用中实现页面之间的切换和导航，使得用户可以在不刷新整个页面的情况下浏览不同的内容。
在构建后未呈现的问题可能有以下几个原因：
- 组件未正确导入或使用：请确保在使用主页组件之前，正确导入并在合适的位置使用该组件。
- 路由配置错误：请检查React Router的路由配置，确保主页组件被正确地映射到对应的路由路径。
- 组件渲染条件未满足：可能是因为某些条件未满足而导致主页组件未被渲染。请检查相关的条件判断逻辑，确保主页组件在满足条件时被正确渲染。
- 样式或布局问题：有时候，主页组件可能已经被正确渲染，但由于样式或布局问题，导致无法在页面上显示。请检查相关的CSS样式和布局代码，确保主页组件在页面上正确呈现。
相关·内容
我是React和React Router的新手，在我“编译”我的应用程序并尝试在我的服务器上运行它之后，我遇到了一些问题。背景:我使用create-react-app启动这个项目，并且一直在VS Code中开发，当我运行"npm run start“时，在localhost:3000上运行的浏览器窗口中一切都正确显示。当我将该文件夹中的文件放到我的WildFly服务器上的WebContent文件夹中时，我无法获得主页
浏览 2提问于2018-07-17得票数 0
我正在构建一个菜谱应用程序，我为主页构建的组件是在其他每一个路径(或页面)上呈现的。我将单击以进入我构建的随机配方组件，瞧，我的主页组件被呈现在它下面。我所有的路线都是这样的。如何才能使主页组件不呈现在其他每个页面上？import hero from &
浏览 2提问于2021-10-25得票数 0
回答已采纳
我有一个水疗中心，由一个主页，类别，关于我们和联系我们。有没有办法用React-router做到这一点，还是有别的办法呢？
浏览 2提问于2020-02-10得票数 1
我想在单击登录page..But中的按钮后重定向到主页当我单击地址栏中的按钮时，显示了主页的路径(它重定向到主页)..but它没有呈现与该path.It相关的组件仍然显示具有主页address.So的登录页面，我必须刷新页面才能呈现主页page.what在这里是错误的吗？？在我的登录中，page...this是我用于按钮onClick的函数。gotopage() this.props.hist
浏览 5提问于2018-09-25得票数 0
1回答
React路由器不呈现
、、、
我已经知道React路由器Dom v6已经从切换到路由，但是当我运行程序时，它只是显示一个空白的屏幕。有人知道怎么解决这个问题吗？这是我的代码： import React, {Component} from "react";import { render } from "react</e
浏览 1提问于2022-10-23得票数 0
回答已采纳
不知道出了什么问题，自去年以来还没有使用过react，但看起来他们已经更新了react路由器-dom，所以它不再使用交换机。有人知道正确的语法所以页面出现了吗？以下是这些文件：import React from "react";import{ useNavigate } from "react
浏览 10提问于2022-03-23得票数 1
回答已采纳
在安装了版本6之后，我尝试运行npm，但是我得到了一个空白页面，控制台中没有错误。在第一个代码下面是我想要显示的屏幕的代码。请有人帮助我，让我看看我在这里做的不对。import React from 'react';import './component/movieList';
import { BrowserRouter as Router</
浏览 5提问于2022-01-15得票数 0
3回答
我正在尝试创建一个单页面应用程序，其中包含一个主页和两个其他页面。问题是，当我用react-router点击链接时，主页不会“消失”--新的组件只是呈现在现有组件的下面。两个链接的组件按预期工作-当单击适当的链接时，它们将替换其中一个组件。但是1)它们甚至在渲染之前就创建了空格2)它们不会“替换”主组件。
如何在切换页面时“隐藏”主页组件？下面是
浏览 2提问于2017-06-01得票数 0
2回答
在我的反应应用程序路由不工作，它抛出一个错误的控制台。在我的索引文件中 <Router>
<Route path="/" element={<App />} />
浏览 7提问于2022-08-01得票数 2
回答已采纳
2回答
这就是我所拥有的:家庭组件：import Navbar from '.<Navbar /> <AboutUs /> </div>}import { Route, <e
浏览 6提问于2022-09-11得票数 1
回答已采纳
我使用React路由器根据特定的url呈现不同的页面。现在，我想使用来延迟加载所有页面组件： return
浏览 0提问于2020-10-15得票数 16
2回答
我正在使用命令"npx create-react-app reactproject“来创建一个使用react.But的网站，我不知道如何在项目运行时将页面(html或js)配置为默认页面？我已经在谷歌上搜索过了，但没有得到答案。 谢谢。
浏览 20提问于2019-01-29得票数 1
回答已采纳
我一直在练习如何使用最新的模块版本，所以我目前正在尝试使用react-router-dom。它不会呈现页面组件的确切路径，而是呈现在主页上。我尝试使用react-router-dom的其他版本，但仍然得到相同的结果。//App.js fileimport {BrowserRouter as Rou
浏览 1提问于2019-11-11得票数 0
1回答
登录后反应重定向
、、
我在React应用程序中有一个ajax登录。它处理LoginForm组件。应用程序在ajax登录后也使用，我想做一些类似于重定向到另一个React页面的操作。我不知道如何正确地重定向从登录页面到主页成功登录后。有人能帮帮我吗？我正在使用课堂风格来制作组件。这是来自LoginForm组件的代码： { this
浏览 2提问于2020-08-13得票数 1
回答已采纳
1回答
我有一个问题，组件没有呈现时，使用反应-路由器-多姆。"home“有多个组件，比如导航条、主体和一个页脚，当我开始执行路由时，我无法呈现这些组件。这是App.jsx：import Hero from './components/Hero'
import Featured from "./components&
浏览 3提问于2022-03-15得票数 0
为什么Dashboard组件在history.push("/dashboard")将url更改为/dashboard后未呈现import ReactDOM from "react-dom";
const root
浏览 2提问于2021-05-19得票数 1
回答已采纳
我正在使用React开发一个动态网页。我使用来自React路由器的一个开关组件，根据用户的需要从主页切换到各种其他页面。我最初在Create Account页面中有一个switch语句，呈现了三个独立的组件。如果我在switch语句中设置了home路由，div就会像预期的那样在其中呈现Home。如果我只是省略了路由，当我单击链接时，页面将无法呈现，但显然有正确的路径，因为它将在刷新时正确加载。我还尝试过:移动
浏览 12提问于2019-05-23得票数 0
回答已采纳
我刚开始学习react，并遇到了一个问题当我尝试使用react-router-dom时，我遇到了一个问题，即所有已定义的路由只呈现第一个组件。/listing_item";BrowserRouter as Router, Route, Link );我尝试了“类别”和“类别
浏览 54提问于2021-03-06得票数 1
我加载了url、并显示了我的项目，但当我在新标签中打开时，它显示了一个404错误。如何解决此错误？
浏览 0提问于2021-04-03得票数 1
1回答
使用react-rails gem创建了一个react rails应用程序，但是当上传到heroku时，react组件都丢失了。不过，它在我的本地服务器上运行良好。{ "private": true, "@babel/preset-react": "^7.7.4",bootstrap&q
浏览 6提问于2020-02-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
