“Cannot read property ‘push‘ of undefined”问题的解决方法

app.jsx内容如下

import React, { Component } from 'react'

import AddPerson from './containers/AddPerson'
import ShowPerson from './containers/ShowPerson'
import EditPerson from './containers/EditPerson'
import { Route, Redirect, Switch } from 'react-router'
import { routes } from './routes'
import './app.less'


export default class App extends Component {
	render() {
		return (
			<div>
				<Switch>
					{
						routes.map((obj) => {
							console.log(obj.component);
							return (
								<Route key={obj.name} path={obj.path} component={obj.component}></Route>
							)
						})
					}
					<Redirect from='/' to='/show' component={ShowPerson} />
				</Switch>
			</div>
		)
	}
}

routes路由的内容如下
（为了进行路由拆分，单独使用routes/index.jsx进行路由路径处理）

import AddPerson from '../containers/AddPerson'
import EditPerson from '../containers/EditPerson'
import ShowPerson from '../containers/ShowPerson'
import React from 'react'

export  const routes = [
    {
        name: '/show',
        path:'/show',
        component: <ShowPerson/>
    },
    {
        name: '/add',
        path:'/add',
        component:<AddPerson/>
    },
    {
        name: '/edit',
        path:'/edit',
        component: <EditPerson/>
    }
]

出现当前的报错
将routes/index.jsx改为如下

import AddPerson from '../containers/AddPerson'
import EditPerson from '../containers/EditPerson'
import ShowPerson from '../containers/ShowPerson'
import React from 'react'

export  const routes = [
    {
        name: '/show',
        path:'/show',
        component: ShowPerson
    },
    {
        name: '/add',
        path:'/add',
        component:AddPerson
    },
    {
        name: '/edit',
        path:'/edit',
        component: EditPerson
    }
]

将component的属性值改为所引入的对象，而不是组件，在App.jsx中即可正常使用所调用的组件。。