Попытка установить высоту и ширину поля изображения, и она применяет ее к окружающему контейнеру, но не к самому изображению.
const styles = {
profile: { height: 50, width: 50 }
}
export const UserList = withStyles(styles)(({ classes, permissions, ...props }) => (
<List actions = {<UserListActions />} sort = {{ field: 'lastName', order: 'ASC' }} title = "All users" {...props} bulkActions = {false}>
<Datagrid>
<ImageField source = "imageUrl" label = "Profile Picture" className = {classes.profile} />





Разобрался в этом. Просто делал это неправильно:
const styles = {
image: { maxHeight: '3rem' }
}
export const UserList = withStyles(styles)(({ classes, permissions, ...props }) => (
<List actions = {<UserListActions />} sort = {{ field: 'lastName', order: 'ASC' }} title = "All users" {...props} bulkActions = {false}>
<Datagrid>
<ImageField classes = {classes} source = "imageUrl" label = "Profile Picture" />
Это тоже работает:
import { makeStyles } from '@material-ui/core/styles';
const useImageFieldStyles = makeStyles(theme => ({
image: { // This will override the style of the <img> inside the <div>
width: 50,
height: 50,
}
}));
const PostEdit = ({ permissions, ...props }) => {
const imageFieldClasses = useImageFieldStyles();
return (
// ...
<ImageInput multiple source = "pictures" accept = "image/*">
<ImageField classes = {imageFieldClasses} source = "src" title = "title" />
</ImageInput>
// ...
);
};
Из: https://github.com/marmelab/react-admin/issues/3106#issuecomment-658752706