我无法在 ReactJS 程序中使用 Material UI 制作表格答案

【问题标题】：I cannot make a table with Material UI in a ReactJS program我无法在 ReactJS 程序中使用 Material UI 制作表格
【发布时间】：2018-05-21 10:53:33
【问题描述】：

我想在 ReactJS 应用程序中使用 MaterialUI 制作一个表格。因此，正如 MaterialUI 官网建议的那样，我使用以下行导入了模块：

import {
    Table,
    TableBody,
    TableHeader,
    TableHeaderColumn,
    TableRow,
    TableRowColumn,
  } from 'material-ui/Table';

问题是，当我启动 npm start 时，它会说：

Can't resolve 'material-ui/Table in 'C:\Users\myprojectpath\src'

实际上，在我的“node_modules”文件夹中，我有一个名为“material-ui-table”的文件夹，此外，Material UI 按钮可以正常工作，因此应该正确安装 Material UI...

【问题讨论】：

单独的导入行是否有效？像这样：import TableBody from 'material-ui/Table/TableBody'
你能用这个吗：import { Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn } from 'material-ui';
它不起作用
@udayakumar 的回答应该有效。如果没有，请在此处发布您收到的错误消息。
现在它说它无法解析“material-ui/core/Button”，它在几个小时前就能够解决...

标签： reactjs material-ui

【解决方案1】：

使用这个命令安装material-ui：

npm install material-ui@latest

【讨论】：

【解决方案2】：

你能用这个吗

import { 
    Table, 
    TableHead, 
    TableBody, 
    TableCell, 
    TableFooter, 
    TablePagination, 
    TableRow, 
    Paper } from 'material-ui';

这里你不需要像你已经在范围内定义的那样从 material-ui/Table 中要求它

示例：

class Products extends Component {
render() {
return (
<Paper>
   <div>
      <Table>
         <TableHead>
            <TableRow>
               <TableCell>Hi</TableCell>
            </TableRow>
         </TableHead>
         <TableBody>
            <TableRow>
               <TableCell>1</TableCell>
            </TableRow>
         </TableBody>
         <TableFooter>
            <TableRow>
               <TablePagination 
                  colSpan={3}
                  count={5}
                  rowsPerPage={2}
                  page={0}
                  />
            </TableRow>
         </TableFooter>
      </Table>
   </div>
</Paper>
)
}
}

以上代码运行良好。

【讨论】：

请不要提供两个答案。编辑一个或另一个以包含所有相关信息。