Reactjs 呈现材质ui表与HTML表[错误：元素类型无效]

为什么我会出错

元素类型无效：内置组件应为字符串 或复合组件的类/函数，但得到：未定义

当使用material ui Table组件时，但当我在应用程序的其他地方使用简单的HTML表或使用相同的material ui组件时，没有得到错误

---

你的材料ui导入是错误的，有些是错误的

console.log(
  Table,
  TableHeader,
  TableHeaderColumn,
  TableRowColumn
);

这4个是空的。你必须以不同的方式导入它们。你在哪里找到最后3个

您可以像这样导入组件：

import {
  default as Table,
  TableBody,
  TableHead,
  TableRow,
  TableCell
} from 'material-ui/Table';

并使用正确的组件修复TableExampleSimple：

const TableExampleSimple = () => (
  <Table>
    <TableHead>
      <TableRow>
        <TableCell>ID</TableCell>
        <TableCell>Name</TableCell>
        <TableCell>Status</TableCell>
      </TableRow>
    </TableHead>
    <TableBody>
      <TableRow>
        <TableCell>1</TableCell>
        <TableCell>John Smith</TableCell>
        <TableCell>Employed</TableCell>
      </TableRow>
      <TableRow>
        <TableCell>2</TableCell>
        <TableCell>Randal White</TableCell>
        <TableCell>Unemployed</TableCell>
      </TableRow>
      <TableRow>
        <TableCell>3</TableCell>
        <TableCell>Stephanie Sanders</TableCell>
        <TableCell>Employed</TableCell>
      </TableRow>
      <TableRow>
        <TableCell>4</TableCell>
        <TableCell>Steve Brown</TableCell>
        <TableCell>Employed</TableCell>
      </TableRow>
      <TableRow>
        <TableCell>5</TableCell>
        <TableCell>Christopher Nolan</TableCell>
        <TableCell>Unemployed</TableCell>
      </TableRow>
    </TableBody>
  </Table>
);

if (!MyComponent) console.error("MyComponent's import is wrong");