javascript - 将 URL 与特定状态配对

标签 javascript reactjs react-router-v4

我正在使用 React 开发一个网站,我有几个不同的页面,您可以导航到这些页面,而无需刷新页面或任何其他内容,只需根据 currentPage 变量将对象移入和移出 View 即可.

基本上,我希望能够输入特定链接以将我带到某个页面,即 http://my-website.com/about 将执行 this.setState({currentPage:'about'})

我还希望在您更改页面时更改 url,如果您单击“商店”,则 url 会更改为 http://mywebsite.com/shop

如果这个问题有点模糊,我很抱歉,我不知道还能如何描述我想要完成的任务。如果有任何不清楚的地方,请随时问我。

最佳答案

使用React-Router为了这。 React-Router 利用 History Web API观看事件 URL 并根据事件 URL 更改您的 View 。

关于javascript - 将 URL 与特定状态配对,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45494527/

相关文章:

reactjs - react 。您不应在 <Router> 之外使用 <withRouter(App)/>

java - gwt 使用jquery 效果可能吗?

javascript - 如何删除元素

javascript - 用于 API 混搭、过滤和排序的在线 etl

javascript - 无法读取未定义的属性 'linkButton'

javascript - 如何在正则表达式搜索中使用正斜杠?

reactjs - 在 AsyncStorage 或 redux 中存储全局数据的最佳方式?

javascript - 动态构建函数?

reactjs - React router v4 重定向到组件外部的另一个页面

javascript - 让一些路由由 Groovy 处理,另一些由 React-router v4 处理