如何在Ant设计中获取当前URL的最后一部分

时间:2018-10-05 10:13:15

标签: reactjs ant-design-pro

我正在用ant设计制作一个编辑表单,我想从组件中的以下路线获取ID

      {
        path: '/post/edit/:id',
        name: 'edit',
        hideInMenu: true,
        component: './Post/PostForm'
      },

1 个答案:

答案 0 :(得分:1)

我使用以下功能:

export function getLastPart() {
  const parts = window.location.href.split('/');
  return parts[parts.length - 1];
}

然后,在组件中,您需要检查最后一部分是否是实际的ID。例如,我使用UUID,所以我也使用以下功能:

const uuidReg = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;

export function isUuid(path) {
  return uuidReg.test(path);
}