在react中创建动态高度宽度图像组件

Question

我正在尝试创建一个动态图像组件，该组件将使用material-ui CardMedia，并且仅传递高度和宽度。

我有以下代码

interface ImageDim extends StyledProps {
  width: number,
  height: number
}

const MediaImage = styled.img`
  width: ${props => props.width}px;
  height: ${props => props.height}px;
  object-fit: contain;
`;

export const BuyingImage  = () => {
  return (
    <CardMedia
      alt={'IMAGE'}
    />
  )
} 

我从类似的其他地方打电话给这个>

<BuyingImage />
有人可以帮我吗？谢谢

我正在尝试创建一个动态图像组件，该组件将使用Material-ui CardMedia并仅传递高度和宽度。我有以下代码接口ImageDim扩展了StyledProps {...

Answer 1

首先，请结帐Material-UI Card document，因为在CardMedia内部使用了Card，并且网址的属性是image而不是alt