Réagissez aux composants qui implémentent la conception matérielle de Google. Veuillez noter que cette balise doit être utilisée pour les questions concernant le framework Material-UI. Sinon, consultez les informations de la balise pour les autres balises à utiliser.

material-ui...

J'ai un popper matériel ui et j'essaye de le fermer quand je clique en dehors du popper en utilisant ClickAwayListener, mais je ne peux pas le faire fonctionner. J'ai ajouté le ClickAwayListener autour du popper et j'ai essayé de l'ajouter autour du contenu du popper mais rien ne semble fonctionner.....
14 janv. 2020 à 15:14
Lorsque vous utilisez des fonctions en tant que composants, vous avez la possibilité d'utiliser le crochet useMediaQuery de material-ui. Cependant, il ne vous montre pas où utiliser ce crochet dans une classe. J'ai donc fait des recherches et découvert que vous pouvez l'utiliser dans une classe en f....
10 janv. 2020 à 00:15
J'utilise des composants fonctionnels dans mon application, au départ il y avait un composant avec beaucoup de code et je l'ai divisé en 3 pour pouvoir mieux organiser le code et avoir des composants réutilisables, le premier contient un <MaterialTable>, le le deuxième <dialog> et le troisième <form....
31 déc. 2019 à 02:49
J'essaie d'accéder au gestionnaire d'événements onDelete dans le composant chip à l'aide de l'interface utilisateur de matériau dans l'extrait de code suivant. Lorsque je clique sur chip, le comportement Select (ouverture d'une liste déroulante) se produit. Existe-t-il un moyen de remplacer ce compo....
28 déc. 2019 à 19:52
Je crée une disposition des grilles à peu près comme ceci: Mon Tue Wed Thu This is a very very very very very very very very ... 11.11% achieved J'y suis presque, mais je ne peux pas obtenir d'espacement entre les jours de la semaine (imbriqué dans les composants Typo....
27 déc. 2019 à 19:32
J'ai fait des recherches et je n'ai pas pu trouver de solution. J'essaie de créer un thème en utilisant createMuiTheme et de l'utiliser plus tard dans makeStyles pour récupérer les clés à l'intérieur. (palette dans l'exemple) Cependant, il semble que le thème personnalisé ne soit pas appliqué dans m....
24 déc. 2019 à 09:18
J'utilise Material-UI comme interface pour mon application de commerce électronique. J'ai un tableau d'état de panier vide qui prendra des «objets stringifiés» qui seront ensuite analysés. Chaque handleChange () du composant select doit ajouter un objet (objet stringified) au tableau de panier. Le h....
21 déc. 2019 à 04:12
J'ai besoin de savoir comment cibler «élément» lorsque la racine est sélectionnée C'est makeStyles: const useStyles = makeStyles(theme => ({ root:{ '&.selected': { } }, element: { } }) C'est jsx <div className={`${classes.root} ${elementSelected ? 'selected : ''}`}> <div c....
18 déc. 2019 à 03:28
Essayer de modifier le style de la case à cocher lorsqu'elle est focalisée au niveau global à l'aide de Material-UI (react). Pour le moment, seul le style par défaut et en survol fonctionne: MuiCheckbox: { colorSecondary: { color: 'green', '&:hover': { color: 'blue !important', ....
17 déc. 2019 à 15:19
J'ai un site Web construit avec Gatsby.js en utilisant le Material-UI . Le problème spécifique est le suivant: je souhaite utiliser les déclencheurs "Visibilité des éléments" de Google Tag Manager. Si un élément HTML devient visible, GTM devrait déclencher une balise GA. La question est la suivante:....
16 déc. 2019 à 23:22
J'utilise Material-UI et j'essaie d'appliquer des points de suspension au composant Typography sous-jacent dans CardHeader, mais passer noWrap dans titleTypographyProps ne semble pas fonctionner. Dois-je remplacer CardHeader d'une manière ou d'une autre? J'ai tenté de définir max-width: 100% sur Car....
16 déc. 2019 à 15:06
J'essaie du matériel, je réagis Voici mon scss (survolez .content, et .replyBtn obtient la visibilité: visible): .content { &:hover { .replyBtn { visibility: visible } } } .replyBtn { visibility: hidden; } JSS: comment? const useStyles = makeStyles(theme => ({ content: { ....
15 déc. 2019 à 00:30
Je travaille actuellement sur l'affichage des détails du profil utilisateur. J'essaie d'avoir un jeu de cartes avec les informations énumérées ci-dessous. Je voudrais que ces éléments soient assis côte à côte au lieu de diviser comment ils sont dans l'image ci-dessous. J'ai essayé de donner à chaque....
13 déc. 2019 à 19:48
J'ai le CSS suivant: [contentEditable=true]:empty:not(:focus):before{ content:attr(data-text) } qui permet d'afficher un espace réservé à l'intérieur d'un div modifiable de contenu lorsqu'il n'a pas de contenu. J'utilise des styles Material-UI, j'ai donc besoin de quelque chose comme: const sty....
13 déc. 2019 à 19:38
Je suis nouveau sur Material-UI. Comment construit-on généralement un formulaire, où certains champs sont regroupés horizontalement tandis que d'autres sont empilés verticalement et tous les champs s'alignent bien à la fois verticalement et horizontalement? Voir l'exemple d'image suivant: Je sais c....
13 déc. 2019 à 14:24
J'utilise la saisie semi-automatique React Material-UI, qui contient des cases à cocher (voici le code jusqu'à présent, voir demo.js): https://codesandbox.io/s/material-demo-rxbhz?fontsize=14&hidenavigation=1&theme=dark Je voudrais stocker tous les noms des aliments qui sont enregistrés dans un cro....
13 déc. 2019 à 00:38
J'essaie d'insérer des données dans une table de données à partir d'une URL qui me donne des données en tant que json. J'ai 2 utilisateurs à l'intérieur et le tableau ne montre rien. Il dit "Désolé, aucun enregistrement correspondant trouvé." Voici la partie URL JSON: [ {"userId":1,"username":"gia....
12 déc. 2019 à 20:02
J'utilise une carte de l'interface utilisateur matérielle et lorsque j'inspecte la carte, j'ai cette classe: "MulticardContent-root" qui me donne un rembourrage 16, comment puis-je le supprimer? ce n'est pas dans le composant styles.....
12 déc. 2019 à 14:21
Nous migrons une application Java EE grosse et laide basée sur MVC vers React. L'application en question est une interface utilisateur basée sur un navigateur avec des centaines de vues présentant des formulaires, des listes et des liens complexes. Il est destiné à un usage d'officier de bureau, don....
Même lorsque j'utilise l'accessoire filterSelectedOptions dans mon utocomplete, cela ne fonctionne que lorsqu'une puce prédéfinie est utilisée: image1 mais quand est une toute nouvelle option tapée, elle la duplique plusieurs fois: image2 J'essaie d'utiliser filterOptions, mais cela ne fonctionne pa....
11 déc. 2019 à 20:24
J'ai un composant React avec un curseur Material-ui. Chaque fois que ce composant s'affiche, j'obtiens cet avertissement: "Ajout d'un écouteur d'événements non passif à un événement 'touchstart' bloquant le défilement. Envisagez de marquer le gestionnaire d'événements comme 'passif' pour rendre la p....
11 déc. 2019 à 12:10
exemple de boîte de dialogue d'alerte reac-admin Je développe un administrateur en utilisant React-admin. J'essaie de styliser la boîte de dialogue d'alerte qui affiche les erreurs, les avertissements et les messages de réussite dans la page. Par exemple, je voudrais définir des css dans cette alert....
10 déc. 2019 à 20:31
import React from 'react'; import Checkbox from '@material-ui/core/Checkbox'; import { createMuiTheme, makeStyles, ThemeProvider } from '@material-ui/core/styles'; import { orange } from '@material-ui/core/colors'; const useStyles = makeStyles(theme => ({ root: { color: theme.status.danger, ....
9 déc. 2019 à 09:45
Bonjour j'ai une appli bar <AppBar position="sticky" className={classes.appBar} > <Container maxWidth="lg"> <Toolbar className={classes.root}> <Typography noWrap> <img src={require("./nodejs-icon.svg")} alt="bug" height={100} /> </Typography> ....
9 déc. 2019 à 07:54
J'essaie de positionner mon Grid Material-UI composant, sans succès, qu'est-ce qui ne va pas ici? class Scene extends React.Component { render() { const mystyle = { backgroundColor: "DodgerBlue", position: "absolute", top: "125px", left: "125px", width: ....
8 déc. 2019 à 20:13