history.push()重定向url，但组件不呈现(reactjs应用程序)
在React应用程序中，history.push()是React Router库中的一个方法，用于在应用程序中进行页面导航和URL重定向。它可以将新的URL添加到浏览器历史记录中，并导航到该URL对应的组件。
然而，有时候在使用history.push()方法后，组件可能不会呈现。这可能是由于以下几个原因导致的：
- 路由配置错误：首先，确保你的路由配置正确。检查你的路由配置文件，确保你正确地定义了URL路径和对应的组件。如果路由配置有误，history.push()方法可能会导航到一个不存在的URL，从而导致组件不呈现。
- 组件未正确导入：确保你正确地导入了要渲染的组件。在使用history.push()方法之前，确保你已经正确地导入了目标组件，并且组件的路径是正确的。
- 组件未正确渲染：如果你的组件在使用history.push()方法后仍然不呈现，可能是由于组件的渲染逻辑有问题。检查你的组件代码，确保你正确地设置了组件的状态、props和渲染方法。
如果你遇到了以上问题，可以尝试以下解决方法：
- 检查路由配置：仔细检查你的路由配置文件，确保URL路径和组件的对应关系正确无误。
- 检查组件导入：确认你已经正确地导入了要渲染的组件，并且路径是正确的。
- 检查组件渲染逻辑：检查你的组件代码，确保你正确地设置了组件的状态、props和渲染方法。
如果你使用腾讯云的云计算服务，可以考虑使用腾讯云的Serverless云函数（SCF）来构建React应用程序。腾讯云SCF是一种无服务器计算服务，可以帮助你轻松构建和部署React应用程序。你可以使用腾讯云SCF的云函数来处理路由和页面导航，同时使用腾讯云的对象存储（COS）来存储和管理你的应用程序资源。
更多关于腾讯云Serverless云函数和对象存储的信息，请访问以下链接：
- 腾讯云Serverless云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
请注意，以上答案仅供参考，具体的解决方法可能因实际情况而异。在实际开发中，建议根据具体问题进行调试和排查。
相关·内容
在我的reactjs应用程序中，我定义了一个在成功登录后发生的this： localStorage.setItem('token', token) <Route path = '/home' component = {Ho
浏览 20提问于2020-11-24得票数 0
2回答
我可以在组件中进行如下所示的提取：var [page,setPage] = useState();
return singlepage.url== props.match.params.url; }
.catch(err => setErrors
浏览 7提问于2020-05-25得票数 1
回答已采纳
编辑:我很尴尬地说，答案是我发送给重定向和history.push()的URL中的一个错误。因此，对于任何想知道的人来说，似乎链接、重定向和history.push()都应该同样工作。为什么链接要完全工作，而重定向和history.push()只更新URL，而不呈现该URL上的组件？用户单击一个按钮，该按钮通过Redux动作创建者调用服务器端函数。服务器函数将数
浏览 2提问于2021-04-25得票数 1
我有一个显示调频电台列表的组件。我希望将数据传递给各个组件，因为大多数数据已经存在。但是，我不能重定向到个人FM页面的按钮点击后称为点击我。
浏览 9提问于2020-07-26得票数 0
我有一个react组件，当我点击一个菜单选项时呈现，这个页面有一个表单要完成，这已经完成了，onSubmit我想把它重定向到用户之前点击的组件。history.push(previousURL); const URL = window.location.href; previousURL /
浏览 3提问于2020-10-10得票数 0
回答已采纳
我正在为我的应用程序使用react和redux。connect(mapStateToProps)(Login);现在，一旦注册完成，我希望将用户重定向到因此，当登录成功时，我将他从我的UserAction函数重定向到login，如下所示 .then(
user =>更改了URL，但没有加载Login组件<
浏览 1提问于2017-12-20得票数 1
使用“支付”方法时，页面重定向到钱包以批准金额，但重定向之后，该页返回到旧页，而重定向后的代码将不运行。tokens: u128, account_id: AccountId) -> u128 {} history.push(`/hello`)
浏览 2提问于2021-04-29得票数 2
回答已采纳
我想在Material提供的AppBar中实现一个按钮，当单击该按钮时，它会将我重定向到一个新页面(从'/‘到'/login')。所以，我使用了history.push( )，它可以工作。但是，该页不会呈现它应该显示的另一个组件。组件是一个函数。我怎么才能把这事做好？
我是ReactJS的新手，我使用的是资料界面中的东西，所以我不想为了我的利益而调整东西。
浏览 0提问于2019-04-04得票数 0
回答已采纳
在我的react应用程序中，我有/lead-manager路由，/login路由，还有/路由，后者是我不希望任何人访问的app.js本身，如果有人只是转到/路由，我希望他们重定向到/lead-managerconfirmAuthentication(); } if (location.pathname === "/") {
history.push"/
浏览 15提问于2020-05-08得票数 0
回答已采纳
1回答
当另一个组件更改查询/搜索字符串时，我需要一个组件来重新呈现。要更改我使用的history.push()的url： private updateURL(date: Date) { }
export default withRouter(Sidebar); 如果我使用重定向对象而不是
浏览 5提问于2019-03-22得票数 2
回答已采纳
1回答
我一直在使用该组件，以防止在React中不完整的形式进行导航。只要导航在实际的反应范围内，它就能正常工作。但是，它没有阻止的是通过URL条目导航，或者单击外部超链接。
浏览 3提问于2017-10-03得票数 4
回答已采纳
而结束，但是没有重新呈现。 dispatch(push('/any')) // change url but not()内部，应该在成功后重定向。如果我在组件中运行this.props.history.push('/any')，它就能工作！但是，
浏览 4提问于2017-07-10得票数 3
回答已采纳
我刚刚从我的一位同事那里接手了一个React项目，但我无法理解下面代码中的逻辑。 <Route path="/login" exact component={LoginPage} /> </Switch>
我知道如何与Component一起使用路由，与Render一起使用，而Rend
浏览 0提问于2019-03-21得票数 0
回答已采纳
1回答
ReactJS重定向
、、、
我在我的应用程序中使用了ReactJS和react-router。我需要做下一件事:当用户打开页面-检查，如果他登录或否，如果是，然后做重定向到/auth页面。function() { this.transitionTo("/auth");},
在浏览器url中，它确实会重定向到/auth，呈现/
浏览 4提问于2015-01-20得票数 3
为什么Dashboard组件在history.push("/dashboard")将url更改为/dashboard后未呈现
，如您所见，我必须手动单击刷新按钮才能触发重呈现。
浏览 2提问于2021-05-19得票数 1
回答已采纳
，它只在redux存储中没有令牌，并且如果没有令牌时，这个组件才会将路由重定向到根页面：importchildren : <Redirect to="/" />} };然后我们有了LoginPage组件，我们将其呈现如下：
<UnauthorizedRoute('&
浏览 11提问于2022-08-27得票数 0
我试图通过将window.location设置为自定义uri来将用户重定向到本地应用程序，因此如果用户安装了该应用程序，它将在该应用程序中打开该页面。登录组件： componentDidMount() { if ('undefined') {
window.location = `clickclock://
浏览 54提问于2019-05-20得票数 0
在给定以下包的情况下，如何以编程方式重定向到URL："react-redux": "^5.0.4", return ( <button onClick={() => history.push
浏览 4提问于2017-05-31得票数 5
回答已采纳
1回答
我读过关于如何传递道具的文章，但我看到的是当您从另一个组件访问另一个组件状态时，这再次让您洞察另一个组件。如何在不呈现其他组件的情况下访问另一个组件的状态？在这里，我不想呈现标题组件洞察我的登录组件和好奇
在这里，我重定向是为了传递状态(但是由于我重定向到'/‘是主组件而不是头组件，我仍然不知道如何在组件
浏览 1提问于2017-08-06得票数 1
回答已采纳
1回答
很长一段时间以来，我一直试图找出处理服务器端呈现的react应用程序重定向的最佳方法，使用react路由器v4和redux。我的应用程序从API中获取数据--有时API的响应方式使我需要自动地将用户重定向到另一个URL。
浏览 2提问于2018-05-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
