第二十八周

技术

技术

interactive-guide-to-flexbox
详细形象生动的介绍了 flex 的运用

path-matching-in-react-router react-router 提供了一个 matchPath 函数来匹配路由

import { matchPath } from 'react-router'

const pageTitles = {
  '/users': 'Users',
  '/users/:user_id': 'User Editor',
}

export const getPageTitleFromUrl = (pathname) => {
  const currentPageTitle = Object.keys(pageTitles).find((key) => {
    if (matchPath(pathname, { path: key, exact: true })) {
      return true
    }

    return false
  })

  return pageTitles[currentPageTitle]
}