我是全棧開發新手,我正在嘗試編寫一些代碼來更好地理解 React JS 和 Material UI 的前端。我使用了卡片組件在后端顯示帖子,但我想顯示個人資料圖像(通過 CardMedia)循環,所以我決定重寫該組件,如下所示:import React, { Component } from 'react'import {Link} from 'react-router-dom';import dayjs from 'dayjs';import relativeTime from 'dayjs/plugin/relativeTime';import { connect } from 'react-redux';import PropTypes from 'prop-types';import DeletePost from './DeletePost'import PostDialog from './PostDialog'//MUIimport withStyles from '@material-ui/core/styles/withStyles'import CardMedia from '@material-ui/core/CardMedia';import CardContent from '@material-ui/core/CardContent';import Card from '@material-ui/core/Card';import Typography from '@material-ui/core/Typography';import ChatIcon from '@material-ui/icons/Chat'import MyButton from '../../utils/MyButton';const styles = { card: { display: "flex", marginBottom:20, }, image:{ minWidth: 100, minHeight: 100, borderRadius: '50%', objectFit: 'cover' }, content:{ objectFit: 'cover' } }但圖像看起來呈橢圓形且被拉伸。我該如何解決這個問題?
材質 UI:CardMedia 圓形圖像
ITMISS
2024-01-18 14:54:41