如何顯示 Material-UI 網格項而不是卡片？

Question

我認為 Material-UI 網格項只是用於快速修復間距。 我的網格項目現在顯示為卡片？ 只是希望它是不可見的，但是文檔沒有解釋如何做到這一點。 感謝任何幫助！

import React, { useState, useEffect } from "react";
import Grid from "@mui/material/Card";
import { Container, TextField, FormControl } from "@mui/material";

export default function MainPage() {
  return (
    <Container maxWidth="lg" style={{ height: "100vh" }}>
  <Grid container>
    <Grid item xs={12}>
      <img
        style={{ width: "800px" }}
        src="https://image.shutterstock.com/image-photo/red-apple-fruit-leaf-isolated-260nw-203589940.jpg"
        alt="half-title-1"
      />
    </Grid>

    <Grid item xs={12}>
      <img
        style={{ width: "800px" }}
        src="https://image.shutterstock.com/image-photo/red-apple-fruit-leaf-isolated-260nw-203589940.jpg"
        alt="half-title-2"
      />
    </Grid>
  </Grid>
    </Container>
  );
}

Answer 1

這是因為您正在導入Card ！

import Grid from "@mui/material/Card";

它應該是什么：

import Grid from "@mui/material/Grid";