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.

Plus à propos material-ui...

Je suis en train de créer une application sur laquelle j'ai une page d'accueil où je rend les données que j'obtiens d'une API sous forme de cartes, et une page Favoris, où les cartes marquées comme favorites sont affichées. J'utilise .......
J'utilise une API pour rendre les données dans les cartes, et chaque carte a une icône en forme de cœur qui, lorsqu'elle est cliquée, changera l'état de la carte en favori. Chaque carte a un modal correspondant (j'utilise [material ui modal] [1] et) qui a aussi l'icône du cœur et je dois le faire p....
14 mars 2021 à 23:22
Je suis donc un peu nouveau avec react et je veux demander, est-il possible de lister l'heure au format 24h sous forme de grille? Comme: 12:00 13:00 14:00 15:00 Et ainsi de suite ... Il n'y a pas d'exceptions, ça devrait tout montrer. Je n'ai trouvé aucun composant ou fonctionnalité interne pour ce....
14 mars 2021 à 20:55
Comment puis-je afficher la taille à l'intérieur de la carte? Je peux déjà obtenir la taille ou le nombre d'utilisateurs et cela s'affiche correctement dans la console. J'aimerais savoir comment afficher la taille à l'intérieur de la carte. Également .......
Le code récupère les données de la base de données et les affecte à un tableau appelé lignes à partir duquel factureSubtotal (à l'aide d'une fonction appelée subtotal), factureTaxes et factureTotal sont calculés. Les données sont stockées .......
11 mars 2021 à 19:21
J'avais déjà la taille de l'icône que je voulais mais après avoir inclus cette icône dans <Grid item> </Grid>, la taille de l'icône est devenue plus petite. Je veux que la taille soit presque aussi grande que le conteneur Grid. Si vous pouviez m'aider, je l'apprécierai; J'ai googlé ma question mai....
11 mars 2021 à 01:39
J'utilise une API pour récupérer et restituer les données dans des cartes. Je veux ajouter une pagination et pour cela j'utilise le composant React Pagination. Je rend 9 cartes par page, le numéro de page et le nombre de cartes sont déterminés par l'url de l'API. Le problème est que lorsque je cl....
Voici le composant datepicker import React, { Fragment, useState } from "react"; import { KeyboardDatePicker, MuiPickersUtilsProvider } from "@material-ui/pickers"; import DateFnsUtils from "@date-io/date-fns"; import makeStyles from "@material-ui/styles/makeStyles"; const useStyles = makeStyle....
10 mars 2021 à 14:03
J'utilise des icônes mdi-react et le survol ne fonctionne pas bien. Parfois cela fonctionne, parfois non. importer MagnifyPlusOutline depuis "mdi-react / MagnifyPlusOutlineIcon"; importer .......
10 mars 2021 à 13:25
Composant de la carte import image from "../../Assets/pic.jpg"; import React, { useState } from "react"; import { makeStyles } from "@material-ui/core/styles"; import Card from "@material-ui/core/Card"; import CardActionArea from "@material-ui/core/CardActionArea"; import FavoriteBorderIcon from "@m....
Je travaille sur la création d'un site Web en utilisant React et Material UI. Je veux savoir quelles lignes ont été sélectionnées dans mon DataGrid. Je veux remplir un tableau avec les lignes actuellement sélectionnées à l'aide de useState. J'essaye de le faire dans handleRowSelection. Actuellemen....
10 mars 2021 à 00:04
Je n'arrive pas à me débarrasser du soulignement lorsque j'ajoute un lien React-Router à un élément Typography, même si underline = "none" ou "hover" est sélectionné. de useStyles: title: {.......
9 mars 2021 à 23:57
import "./styles.css"; import React, { useState } from "react"; import { IconButton } from "@material-ui/core"; import ExpandMoreIcon from "@material-ui/icons/ExpandMore"; export default function App() { const [expand, setExpand] = useState({ arrowA: false, arrowB: false, arrowC: fals....
Je suis assez nouveau dans Material-UI et j'aimerais avoir cette implémentation de base avec les composants Grid: mais jusqu'à présent, je ne parviens pas à centrer correctement les éléments Grid. J'ai essayé différentes approches mais aucune .......
9 mars 2021 à 22:23
J'utilise l'interface matérielle et la grille de réaction de dev extreme pour créer une table avec une entrée de type date, mais lorsque j'essaie de taper la date, il ne reconnaît pas le changement de valeur jusqu'à ce que j'arrive à la valeur de l'année, ce qui nettoie les autres valeurs . Une id....
9 mars 2021 à 16:02
J'ai prévu de créer une page avec quatre onglets. Chaque onglet contiendra ses propres données. J'ai surfé pendant plus de trois heures sur la façon de consommer les données d'API dans les onglets. Tout ce que je peux voir, c'est comment créer des onglets en utilisant l'interface utilisateur maté....
9 mars 2021 à 11:26
Je veux masquer le bouton approved/disapproved si le data.STATUS est égal à APPROVED dans MaterialTable. const [data, setData] = useState([ {ID: 1, STATUS: "APPROVED"}, {ID: 2, STATUS: "FOR APPROVAL"}, {ID: 3, STATUS: "REJECTED"}, ]); <MaterialTable icons={tableIcons} ....
J'essaie de personnaliser l'ombre de la boîte pour la carte à partir de l'interface utilisateur matérielle. J'ai essayé de définir le boxShadow par défaut sur aucun puis d'ajouter mon propre style au cardWrapper que j'ai créé, mais cela ne semble pas fonctionner. Comment ajouter votre propre boxSh....
8 mars 2021 à 23:08
J'ai un composant StepLabel dans le matériau ui. En fonction des accessoires passés au parent, je peux vouloir changer le prop icon du StepLabel: interface Props { customClasses?: ClassNameMap; customIcon?: ReactNode; } const MyStepComponent = (props: Props) => { const { customClasses, cust....
8 mars 2021 à 20:30
J'utilise @ material / ui pour le projet react. Et je vais importer une nouvelle police .otf. Voici ce que j'ai fait. import sf_ui_display_black from './fonts/sf-ui-display-black.otf' import sf_ui_display_bold from './fonts/sf-ui-display-bold.otf' import sf_ui_display_heavy from './fonts/sf-ui-dis....
8 mars 2021 à 19:43
Je suis nouveau dans React et Material UI et j'essaie toujours de saisir la composition plutôt que l'héritage. J'essaie de passer au thème sombre / clair au moment de l'exécution dans une application de réaction. Je l'ai réussi d'une manière ou d'une autre, mais avec beaucoup de duplication de cod....
8 mars 2021 à 19:41
J'utilise le composant Material UI Select dans mon projet React. J'essaie de remplacer la classe CSS .MuiPaper-root et ou .MuiMenu-list. Mon composant Select: <Select value={selectValue} disableUnderline onChange={handleChange} css={styles.select} > {cities?.map((city) => { return ( ....
8 mars 2021 à 17:29
Je suis un débutant en conception de mise en page et je travaille sur une application Web pour mobile et ordinateur de bureau en utilisant React et Material UI. J'ai besoin de mettre la navigation de l'application en bas. Le problème est que la navigation dans les applications se trouve à un endro....
8 mars 2021 à 15:50
Dans mon projet, j'ai une table de tapis avec une barre de progression de tapis dans chaque rangée <mat-cell *matCellDef="let element"> {{element.id}} - {{element.address}} <mat-progress-bar mode="determinate" [value]="element.status" class="green-progress"></mat-progress-bar> </m....
J'utilise une API pour récupérer et restituer les données dans des cartes. Je veux rendre un modal correspondant pour chaque carte lorsque l'utilisateur clique sur la carte. J'utilise le composant modal React par material-ui (l'exemple modal simple). Le problème est qu'au lieu du modal de la cart....