J'essaie d'utiliser la fonction theme.spacing de Material-UI dans une application React mais la fonction spacing n'est pas reconnue.
Le message d'erreur Javascript est: TypeError: theme.spacing n'est pas une fonction
Je ne sais pas s'il s'agit d'un bogue ou j'ai un problème avec les versions des frameworks en cours d'installation.
paddingTop: theme.spacing (20) Voici les versions des frameworks en cours d'installation, selon le fichier package-lock.json :
4 Réponses :
Eh bien, il s'avère que c'est un bogue après tout, causé par request # 14099 .
Un correctif est en cours, donc je ferme cette question.
Essayez ceci.
import { makeStyles } from '@material-ui/core/styles'
const userStyles = makeStyles (theme => ({
gridAlign : {
padding: theme.spacing(2),
textAlign: 'center',
color: theme.palette.secondary,
},
})
Essayez de mettre à jour le package @ material-ui / core vers la version minimale de 4.0.0.
Exécutez npm i @ material-ui / core @ 4.0.0
Cela a résolu mon problème.
faites-le simplement de la manière suivante:
const theme = createMuiTheme({
status: {
danger: orange[500],
},
});
export default function CustomStyles() {
return (
<ThemeProvider theme={theme}>
<CustomCheckbox />
</ThemeProvider>
);
}