Есть ли в интерфейсе материалов компонент Image?

Question

Ранее я использовал другие реагирующие компоненты, у них в основном есть свой собственный компонент Image, но я не могу найти это в Material-UI?

Или это делается через CardMediaAPI? или просто использовать теги? Спасибо!

Answer 1

Нет такого специфического c пользовательского компонента img, доступного с material-ui.

Но вы можете использовать простой компонент html img внутри других компонентов-оболочек для создания собственного компонента img самостоятельно. Например,

<Paper variant="outlined">
   <img src="url" />
</Paper>

Также компонент <CardMedia/> должен использоваться вместе с компонентом <Card/>. Другим таким компонентом, который использует изображение, является <Avatar> компонент.

<Avatar alt="Example Alt" src="/static/images/avatar.jpg" />

Answer 2

Вы можете использовать CardMedia из пользовательского интерфейса материала, как показано ниже. См. Раздел Сложное взаимодействие в Пример пользовательского интерфейса материала

<CardMedia
    className={classes.media}
    image="/static/images/cards/paella.jpg"
    title="Paella dish"
/>