将 URL 与特定状态配对
Pair URL with specific state
我在一个使用 React 的网站上工作,我有几个不同的页面,您可以在不刷新页面或任何其他内容的情况下导航到这些页面,只需根据 currentPage
变量将对象移入和移出视图。
基本上我希望能够输入特定的 link 将我带到某个页面,即 http://my-website.com/about 会执行 this.setState({currentPage:'about'})
.
我还希望 url 在您更改页面时更改,如果您单击 "shop",url 会更改为 http://mywebsite.com/shop .
如果这个问题有点含糊,我很抱歉,我不确定还有什么可以描述我想要完成的事情。有什么不明白的可以随时问我。
使用 React-Router for this. React-Router
makes use of the History Web API 观看活动 url 并根据活动 URL 更改您的视图。
我在一个使用 React 的网站上工作,我有几个不同的页面,您可以在不刷新页面或任何其他内容的情况下导航到这些页面,只需根据 currentPage
变量将对象移入和移出视图。
基本上我希望能够输入特定的 link 将我带到某个页面,即 http://my-website.com/about 会执行 this.setState({currentPage:'about'})
.
我还希望 url 在您更改页面时更改,如果您单击 "shop",url 会更改为 http://mywebsite.com/shop .
如果这个问题有点含糊,我很抱歉,我不确定还有什么可以描述我想要完成的事情。有什么不明白的可以随时问我。
使用 React-Router for this. React-Router
makes use of the History Web API 观看活动 url 并根据活动 URL 更改您的视图。