reactjs - 在 Material UI beta 中使用 CardContent 组件时出现错误

Question

我正在尝试从先前版本的 Material UI 迁移到新的 Beta 版，但是这个错误让我抓狂。

简单地说，这工作正常，没有错误:

const Setup = () => {
  return (
    <div style={{ margin: '20px' }}>
      <Card>
        <CardHeader title="Let's get set up." />
      </Card>
    </div>
  );
};

export default Setup;

但这并不:

const Setup = () => {

  return (
    <div style={{ margin: '20px' }}>
      <Card>
        <CardHeader title="Let's get set up." />
        <CardContent>
        </CardContent>
      </Card>
    </div>
  );
};

export default Setup;

以下是产生的错误:

Answer 1

感谢 Devang Naghera 指出了这一点。

我注意到 CardContent 是 未定义，即使我将其导入到文件顶部

import Card, { CardHeader, CardContent } from 'material-ui/Card';

解决方法似乎是将我的导入更改为

import Card, { CardHeader } from 'material-ui/Card';
import CardContent from 'material-ui/Card/CardContent';

代码现在可以运行了。

编辑:

事实证明，此问题是由旧版本 MUI 遗留的一些文件引起的。我删除了 node-modules 并重新下载了依赖项，这解决了我的问题。