reactjs - 将 location.pathname react 为(自定义)标题

Question

我目前正在开发一个 React 项目，我想在我的标题中显示当前页面标题。目前，我正在使用 props.location.pathname 和 switch-case 来获得所需的输出。
这看起来像下面。

    var currentPathname = this.props.location.pathname;

    switch (currentPathname) {
        case '/':
            return 'Home';
    }

路径的数量正在增加，我不想制作一个大的开关盒。所以我想知道，是否有更好的方法来根据路径设置(自定义)标题。我希望在 react-router 中有一些可用的东西，但我还没有找到这样的东西。
欢迎任何见解。

Answer 1

使用映射而不是使用 switch 语句。

const {pathname} = this.props.location;
const pathToTitleMap = {
  "/": "Home",
  "/something": "Amazing page title"
}
document.title = pathToTitleMap[pathname]