javascript - 将 URL 与特定状态配对

Question

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

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

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

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

Answer 1

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