在Material UI beta中使用CardContent组件时出错

Question

我正在尝试从以前版本的Material UI迁移到新的测试版，但是这个错误让我很生气。

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

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是undefined，即使我在我的文件顶部导入它

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和redownloaded依赖项，这为我解决了这个问题。