javascript - React-router JSX 写法的问题

问题描述

问 题

跟着demo做的，文件：

const routerConfig = [
    {
        path          : '/',
        component     : Main,
        childrenRoutes: [
            {path: 'about', component: About},
            {path: 'inbox', component: Inbox}
        ]
    },
    {
        path: '*',
        component: Not
    }
];

ReactDOM.render(
    <Router routes={routerConfig} history={browserHistory}/>,
    document.querySelector('#APP')
);

其他一切正常就是到/about和/inbox时会报404.。

解决方案

代码写错了：

const routerConfig = [
    {
        path          : '/',
        component     : Main,
        childRoutes: [
            {path: 'about', component: About},
            {path: 'inbox', component: Inbox}
        ]
    },
    {
        path: '*',
        component: Not
    }
];

不是childrenRoutes

这篇关于javascript - React-router JSX 写法的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！