react-router 的一个问题

Question

假设我有一个路由是 /department(/:area(/:subarea))

该路由对应的组件是 Department，其中要有一个类似于这样的菜单。

我该怎么实现这样的效果呢，比如说 area 是 区域一，subarea 是子区域一，
那就显示
区域一 / 子区域一

如果没有 :subarea，
就显示 区域一

大概是这个意思

希望能够提供一个思路。

（注：图为 ant.design 的组件，http://ant.design/components/... ，我发现其实现这种效果是通过 Route 的层级关系确定的，但我就配置这样一个路由，该如何实现呢）

先谢谢大家的解答了！！！