首页 > 代码库 > react-router 报错React.createElement: type is invalid ...解决方法

react-router 报错React.createElement: type is invalid ...解决方法

1. 这两天一直在学习熟悉react-router

2.react-router  版本已经更新到4.1.1

3. 然后再做练习的时候就遇到了题目上的问题

解决问题:

01.找了 Stack Overflow 里面的问题 有的说在引入组件要这样写

import  * as  About  from ./components

02. 有的说引入组件这样写

import   {About} from ./components

 

03. 我最初的写法

import   About from ./components

 

分析一下:

03.  这种写法适合用 export default 导出的组件
02. 这种写法适合module.exports = jgms 导出的组件
   就是说假设你有一个文件夹components ,这个文件夹下又有
很多文件夹 装的不同的组件,然后把这些组件统一导入到一个
文件中,统一导出的时候,需要加上 {},否则就会报题目的
   错误

然后我想起来我是用的 02 导出的组件 ,加上 大括号 就ok了

 

希望本文对你有所帮助

react-router 报错React.createElement: type is invalid ...解决方法