将组件作为别名导入时,出现此错误:
不变违规:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。检查的渲染方法
Divider
。
import { Divider as MuiDivider} from 'material-ui/Divider'
const Divider = () => <MuiDivider style={{margin: '1em 2em'}} />
<Divider />
这有效:
import Divider from 'material-ui/Divider'
<Divider />
您正在混淆ES6导入语法的两个不同部分:
import Divider from 'material-ui/Divider'
和
import {Divider} from 'material-ui/Divider'
不一样。
第一个导入默认导出(也可以与CommonJS模块一起使用),而第二个则查找命名的导出caleld Divider
。
但是,您可以为默认导入提供所需的任何名称:
import MuiDivider from 'material-ui/Divider'
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句