导入为别名时的不变违规

Question

将组件导入为别名时，我收到此错误：

  

不变违规：元素类型无效：预期为字符串（for   内置组件）或类/函数（用于复合组件）   但得到了：未定义。检查Divider的呈现方法。

import { Divider as MuiDivider} from 'material-ui/Divider'

const Divider = () => <MuiDivider style={{margin: '1em 2em'}} />

<Divider />

这有效：

import Divider from 'material-ui/Divider'

<Divider />

Answer 1

您正在混合使用ES6导入语法的两个不同部分：

import Divider from 'material-ui/Divider'

和

import {Divider} from 'material-ui/Divider'

不一样。

第一个导入默认导出（也适用于CommonJS模块），而第二个导出命名导出caleld Divider。

但是，您可以为默认导入提供所需的任何名称：

import MuiDivider from 'material-ui/Divider'