将 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 更改您的视图。