reactjs - React Router：到同一组件的某些路由触发即时卸载

Question

我们目前正在建设的网站有一个非常奇怪的问题：http: //akkurat.146.agency/photographers/florian-bison/0/8

每个页面在屏幕边缘都有两个链接（上一个/下一个），它们链接到另一个总是显示相同组件的路由，只是参数不同。

<Route exact path='/photographers/:slug/:job/:photo' render={() => ... } />

只要 :photo 参数是个位数（最多 9 个），它就可以正常工作。只要您继续单击“下一步”并到达第二个参数为 10 或更高的路由，组件就会重新挂载，然后立即卸载，导致标题信息再次被重置。

关于为什么行为应该根据参数中传递的 ID 长度完全不同的任何想法？

标签： reactjsreact-routerreact-router-v4react-router-dom