Размеры компонентов аватара пользовательского интерфейса материала не меняются

У меня есть этот компонент

import React, { FC } from "react"; import { Avatar } from "@material-ui/core"; export interface AvatarProps { alt?: string; src: string; variant?: "circle" | "rounded" | "square"; sizes?: string; } const Component: FC = (props: AvatarProps): JSX.Element => { return ; }; export default Component; 

Я пытаюсь установить 9X_mui свойство sizes, но оно не меняется. В чем 9X_react.js именно заключается ценность?

5
0
2
Общее количество ответов: 2

Ответ #1

Ответ на вопрос: Размеры компонентов аватара пользовательского интерфейса материала не меняются

Прокрутите вниз до атрибута sizes img и 9X_material-ui прочтите.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

Или просто используйте makeStyles, как 9X_react-component указано в документации:

https://material-ui.com/components/avatars/#SizeAvatars.js

Или другой вариант 9X_react-component - простой встроенный стиль:

 

11
0

Ответ #2

Ответ на вопрос: Размеры компонентов аватара пользовательского интерфейса материала не меняются

Вы можете установить размер с помощью имени 9X_material-ui класса и theme.spacing в пользовательском 9X_react-jsx интерфейсе материала.

 const useStyles = makeStyles((theme) => ({ sizeAvatar: { height: theme.spacing(4), width: theme.spacing(4), }, })); ... const classes = useStyles(); 

3
0