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

Posted 2020-09-17 Terre

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了

 

希望本文对你有所帮助