reactjs - CardHeader 未在 React 中呈现

Question

我正在玩 React 和 material-ui，其他东西也有用，但出于某种原因 <CardHeader>没有被渲染。下面是代码

import React from "react";
import Card from "@material-ui/core/Card";
import CardHeader from "@material-ui/core/Card";
import CardContent from "@material-ui/core/Card";
import CardActions from "@material-ui/core/Card";
import Button from "@material-ui/core/Button";
import Paper from "@material-ui/core/Paper";
import Typography from "material-ui/Typography";

class PaperCard extends React.Component {
  render() {
    return (
      <Card>
        <CardHeader title="CaHellord" subheader="Test ME" />
        <CardContent>
          <Typography type="title">Word of the day</Typography>
          <Typography type="headline" component="h2">
            impediments
          </Typography>
          <Typography component="p">adjective</Typography>
        </CardContent>
        <CardActions>
          <Button dense> Learn More </Button>
        </CardActions>
      </Card>
    );
  }
}

export default PaperCard;

谁能指出我遗漏的显而易见的地方。

Answer 1

只是导入不正确的情况。

替换 CardHeader 的导入

import CardHeader from "@material-ui/core/Card";

到

import CardHeader from "@material-ui/core/CardHeader";