Javascript 如何在Visual Studio代码应用程序中使用ReactJS以表格格式打印此数组元素

const people=[{姓名：詹姆斯，年龄：31，}，{姓名：约翰，年龄：45，}，{姓名：保罗，年龄：65，}，{姓名：林戈，年龄：49，}，{姓名：乔治，年龄：34，}]

您可以向任何类型的表显示json数组。这里我提供了一个使用

materialui

示例：

import React from "react";
import Table from "@material-ui/core/Table";
import TableBody from "@material-ui/core/TableBody";
import TableCell from "@material-ui/core/TableCell";
import TableContainer from "@material-ui/core/TableContainer";
import TableHead from "@material-ui/core/TableHead";
import TableRow from "@material-ui/core/TableRow";
import Paper from "@material-ui/core/Paper";

const rows = [
  { name: "James", age: 31 },
  { name: "John", age: 45 },
  { name: "Paul", age: 65 },
  { name: "Ringo", age: 49 },
  { name: "George", age: 34 }
];

export default function TableExample() {
  return (
    <TableContainer component={Paper}>
      <Table aria-label="simple table">
        <TableHead>
          <TableRow>
            <TableCell>Name</TableCell>
            <TableCell align="right">Age</TableCell>
          </TableRow>
        </TableHead>
        <TableBody>
          {rows.map(row => (
            <TableRow key={row.name}>
              <TableCell component="th" scope="row">
                {row.name}
              </TableCell>
              <TableCell align="right">{row.age}</TableCell>
            </TableRow>
          ))}
        </TableBody>
      </Table>
    </TableContainer>
  );
}

从“React”导入React；
从“@物料界面/核心/表格”导入表格；
从“@material ui/core/TableBody”导入表体；
从“@material ui/core/TableCell”导入TableCell；
从“@material ui/core/TableContainer”导入TableContainer；
从“@material ui/core/TableHead”导入表头；
从“@material ui/core/TableRow”导入TableRow；
从“@material ui/core/Paper”导入纸张；
常量行=[
{姓名：“詹姆斯”，年龄：31}，
{姓名：“约翰”，年龄：45}，
{姓名：“保罗”，年龄：65}，
{姓名：“林戈”，年龄：49}，
{姓名：“乔治”，年龄：34}
];
导出默认函数TableExample（）{
返回(
名称
年龄
{rows.map（row=>(
{row.name}
{row.age}
))}
);
}

我正在使用VisualStudio代码，因为我遇到了错误。/src/App.js模块未找到：无法解析“E:\ReactJSPrograms\hello world\src”中的“@material ui/core/Paper”您的环境中可能存在一些问题。您可以删除

node\u modules

文件夹，然后使用

npm install

I不需要任何样式重新安装节点。请删除样式并共享代码。我已删除样式。请检查一下。