react shards history.push仅追加到url，不会重定向
React Shards是一个基于React的UI框架，它提供了一套现代化且易于使用的UI组件，可以帮助开发人员快速构建漂亮的用户界面。React Shards的主要特点包括响应式设计、可定制性强、易于集成和使用。
history.push是React Router库中的一个方法，用于在应用程序中进行页面导航。当调用history.push时，它会将新的URL路径添加到浏览器的历史记录中，而不会导致页面的实际重定向。这意味着页面的内容会根据新的URL路径进行更新，但浏览器的地址栏不会发生变化。
这种行为对于需要在不刷新整个页面的情况下更新页面内容的应用程序非常有用。例如，在单页应用程序中，可以使用history.push来实现页面之间的无刷新切换。
React Router是一个流行的用于在React应用程序中实现路由功能的库。它提供了一组API，用于管理应用程序的URL路径和页面导航。通过使用React Router，开发人员可以轻松地创建具有多个页面和导航功能的React应用程序。
关于React Shards和React Router的更多信息，您可以参考以下链接：
- React Shards官方网站：https://designrevision.com/docs/shards-react/
- React Router官方网站：https://reactrouter.com/
腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储等。您可以通过访问腾讯云官方网站了解更多关于这些产品的信息：https://cloud.tencent.com/
相关·内容
1回答
react shards history.push仅追加到url，不会重定向
reactjs、web-components-shards
这一切都可以工作，但是一旦插入行，我想重定向到某个视图。 目前在promise插入之后，我有一个history.push("/dashboard")。然而，这只是附加到浏览器的url，而不是实际的重定向。 这是注册组件，您可以看到表单和handleFormSubmit。我只是希望它重定向到"/dashboard“路由： import React, { Component } from "react</e
浏览 32提问于2019-05-20得票数 1
3回答
为什么要使用history.push或其他来自router的方法，而不是仅仅将路径分配给window.location.pathname？
javascript、reactjs、react-router-dom
在我看来，当我需要在代码中的某个位置导航时，只需要分配我想去window.location.pathname的路径，就会更容易一些。这样做有什么坏处吗？
浏览 1提问于2020-11-23得票数 0
回答已采纳
1回答
React路由器Dom不使用查询参数识别url
javascript、reactjs、react-router-dom
当我执行API调用并返回状态为200时，我使用history.push将用户重定向到结果页。到目前为止一切都很好。但是，当我在结果页上刷新页面时，我想使用url和query params来执行新的搜索，不幸的是React无法识别url并重定向我。search.value}&type=${search.type}`) .replace(",", "|")}`,});
这
浏览 2提问于2021-12-03得票数 2
回答已采纳
0回答
使用react-router-redux，如何以编程方式重定向到URL
reactjs、redux、react-router、react-redux、react-router-dom
在给定以下包的情况下，如何以编程方式重定向到URL："react-redux": "^5.0.4","react-router-redux": "^5.0.0-alpha.6",import
浏览 4提问于2017-05-31得票数 5
回答已采纳
2回答
重定向至单击按钮时的上一个组件(React Routing)
javascript、reactjs、routes、react-hooks
我有一个react组件，当我点击一个菜单选项时呈现，这个页面有一个表单要完成，这已经完成了，onSubmit我想把它重定向到用户之前点击的组件。history.push(previousURL); const URL = window.location.href; previousURL // localhost&
浏览 3提问于2020-10-10得票数 0
回答已采纳
1回答
react路由器-dom v5 - Link工作，但重定向和history.push()不工作。
reactjs、react-redux、react-router-dom
编辑:我很尴尬地说，答案是我发送给重定向和history.push()的URL中的一个错误。因此，对于任何想知道的人来说，似乎链接、重定向和history.push()都应该同样工作。为什么链接要完全工作，而重定向和history.push()只更新URL，而不呈现该URL上的组件？用户单击一个按钮，该按钮通过Redux动作创建者调用服务器端函数。服务器函数将数据写入Firebase Firestore服务器函数返
浏览 2提问于2021-04-25得票数 1
2回答
：setState，它什么时候真正生效？
javascript、reactjs、react-hooks、use-effect
AT THIS STAGE, pages IS UNDEFINED
return singlepage.url== props.match.params.url; } }
fetchData
浏览 7提问于2020-05-25得票数 1
回答已采纳
2回答
需要forceRefresh的React history.push
reactjs、redux、react-router-v4
我已经根据这篇文章的实现了createBrowserHisotry，但是只有当我将配置属性设置为forceRefresh: true时，它才会重定向。如果不设置任何配置属性，url将更改为推送的url，但页面不会重定向。为什么？INDEX.JSimport ReactDOM from "react-dom";
import ".history&#x
浏览 39提问于2019-03-28得票数 4
回答已采纳
1回答
redux中使用React路由器v6历史/导航
reactjs、react-redux、react-router
当从redux存储发送操作时，我尝试使用react路由器history.push("/")来重定向。当我使用历史记录时，它会替换url，而不会替换内容(组件没有呈现)。我知道我们可以使用，但它不支持react路由器的v6。任何帮助都非常感谢，谢谢
浏览 3提问于2022-02-15得票数 2
1回答
React路由器v4组件未加载按钮提交
react-router、react-redux、redux-form、react-router-redux、react-router-v4
我有一个登录表单，当我单击登录时，URL会被更新，但是组件不会更新。我的软件包的版本如下：
class Login extends React.Component{ this.props.signInUser(values);
history.push('/somewhere&#
浏览 3提问于2017-04-26得票数 2
回答已采纳
5回答
React路由器v5: history.push()更改地址栏，但不更改页面
javascript、reactjs
我试图重定向一个用户到一个新的页面，如果登录是成功的，我的反应应用程序。重定向是从非组件的auth服务调用的。为了访问组件外部的历史对象，我遵循了中的示例。地址栏中的URL确实会更改为/pageafterlogin，但是页面不会从登录页面中更改。控制台或其他任何指示我的代码不工作的错误都不会出现。如何使history.push()也更改用户所在的页面？createBrowserHistory();
...
浏览 8提问于2020-08-24得票数 6
回答已采纳
1回答
如何在按钮点击时使用useeffect行为
javascript、reactjs
handleClick=() => { };
const a = await fetch(url
浏览 4提问于2020-07-29得票数 0
回答已采纳
1回答
React.js，在useEffect钩子内部，window.location.href不会停止进一步的代码执行。
javascript、reactjs、async-await、react-hooks、window.location
最近我发现，如果我使用window.location.href进行重定向，并且没有指定return {}，那么进一步的代码将继续执行，这不是我想要的。如果这与以下情况有关，请澄清如下： const myFunction = () => url: API_ROUTES.MY_EXAMPLE_ROU
浏览 3提问于2020-08-21得票数 1
1回答
从外部组件导航时，React路由器页面不会改变
javascript、reactjs、react-router、react-router-v4
在有403个api响应之后，我试图将用户重定向到“未授权”页面。到目前为止，我得到的是：import { createBrowserHistory } from "history"
const status = _get(error, "response.s
浏览 0提问于2019-01-12得票数 1
回答已采纳
14回答
如何从React中的函数重定向到新页面？
reactjs、react-router
现在我在react中有了这个函数，我正在使用它返回登录，并检查重置我正在使用的localStorage值，而不是因为使用了它，我不能重置本地存储值。
浏览 1提问于2018-06-11得票数 24
4回答
在render()之前使用哪个组件生命周期来做一些事情？
javascript、reactjs、react-router
如果它是空的，我希望页面重定向到另一个页面，而不调用render()。这就是为什么我不希望react在对象为空的情况下调用render() (我通过checkObject()检查)，而只是重定向到另一个页面的原因。那么，有没有生命周期方法可以在调用render()之前执行我的重定向代码呢？
浏览 0提问于2019-01-15得票数 3
3回答
反应路线是否在注销后运作良好？
reactjs、react-redux、react-router、react-hooks、react-router-dom
我正在处理一个需要集成Auth功能的项目，但我需要解决重定向问题。注销后，我不会在/auth上登陆，它仍然驻留在/dashboard组件上，但是如果刷新页面，它将重定向到/auth组件。测试场景：
/authonce 一旦在中登录，然后在同一时间Logout中运行，它将带您到中的日志，输入url auth<code>E 221</code>，它将同时重定向到仪表板，这是绝对好的。但是在此之后，如果您尝试auth.注销，它将注销，但
浏览 0提问于2021-08-31得票数 0
1回答
React路由器问题:为什么history.push更改url但不更新组件
javascript、reactjs、react-router、history.js
在单击每个按钮时，这些按钮将调用history.push以转到相应的页面，并应呈现组件。 然而，我注意到的是，当一个按钮被点击时，url会改变，但是组件不会显示出来。我没有使用<Link>组件来包装按钮的原因是，我希望在单击按钮时重定向之前调用一个函数来执行某些操作。如果有其他方法可以做到这一点，我很想从社区中了解一下。谢谢。import React from 'react';
import ReactDOM from 'react</e
浏览 430提问于2020-03-23得票数 0
1回答
useHistory() react挂钩似乎不会触发重新呈现
reactjs、react-router-dom
我正在制作一个类似CRUD的博客应用程序，当我发布或编辑博客时，我使用history.push()重定向用户，然而，当用户重定向时，信息仍然是旧的，如果我刷新页面，内容就会更新。<button>Submit</button> )
export default EditBanner; 下面是我使用useHistory()钩子重定向到的详细页面请记住，如果我将bannerDetail作为依赖项添加到useEf
浏览 44提问于2021-09-15得票数 3
回答已采纳
2回答
使用react路由器和react-swipeable -views在选项卡更改时更改url
reactjs、react-router-dom、react-swipeable-views
我有一个使用material-ui tabs和react-swipeable-views的react组件。我遇到的问题是，当切换标签时，显示的url不会改变，我注意到这是react-swipeable-views逻辑。显示如下，当视图改变时它不会改变：localhost:3000/clusters/<task:id>，但是我有三个标签(runs，tasks，settings)，它们控制着react-swipeable-views谢谢
只是
浏览 0提问于2020-11-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
