2021-02-23

最新推荐文章于 2022-03-09 20:01:00 发布

爱哭小老虎

最新推荐文章于 2022-03-09 20:01:00 发布

阅读量85

点赞数

本文链接：https://blog.csdn.net/weixin_47583380/article/details/113995140

版权

react 报错Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

发现是在router.ts下的文件中，component下的组件中该是一个reactNode，我写成的是这样子,

import { ReactNode } from 'react';
import List from '../List/List';
import index from '../Login/index';
import { List1 } from '../ListSon/List1/List1';
import { List2 } from '../ListSon/List2/List2';
export interface IRouter {
    id: number,
    path: string,
    title: string,
    exact?: boolean,
    *component?: ReactNode,*
    children?: IRouter[],
}
export  const router: IRouter[] = [
    {
        id: 1,
        path: '/list',
        title: 'list',
        exact: true,
        *component: <List/>,*
        children: [
            {
                id: 2,
                title: 'list1',
                path: '/list/list1',
                *component: <List1/>,*
            },
          
        ]

    },
    {
        id: 4,
        path: '/login',
        title: 'login',
        component: index,
    }
]

只需要将component中的组件引入改为: List1，发现报错就没有了