ant design pro 跳转新页面 修改功能

背景

在官方提供的例子中 是以弹窗的形式做的修改和新增，在项目中如果遇到 采集项数较多，会在修改页面添加别的功能的情况下 弹窗满足不了此需求了。

例子

页面跳转

先说修改页面吧， 需要在路由配置此页面路由，修改页面会带着此条数据中的唯一标识id。

	// 这是列表页的路由配置
	{
		path: '/pages/data-table',
		name: 'datatable',
		component: './PageElement/CommonTable',
	},
	// 修改页的
	{
		path: '/pages/data-table-modify/:id',
		name: 'tablemodify',
		component: './PageElement/CommonTableModify',
		hideInMenu: true,
	},

// 点击修改按钮
modifyItem = (record) => {
    const { dispatch } = this.props;
    dispatch(routerRedux.push({
      pathname: `/pages/data-table-modify/${record.key}`
    }))
  }