Реагируйте на компоненты, которые реализуют Google Material Design. Обратите внимание, что этот тег следует использовать для вопросов относительно структуры Material-UI. В противном случае, посмотрите информацию тега для других тегов для использования.

Подробнее про material-ui...

Мне нужно показать диалог только на маленьких экранах. После исследования я обнаружил, что есть хук под названием useMediaQuery(), который возвращает логическое значение, если браузер соответствует определенному разрешению. Я использую "@mui/material": "^5.1.1" Это моя реализация: import { useTheme....
4 Фев 2022 в 14:15
После успешного удаления учащегося появится всплывающее уведомление, и оно отлично работает. но когда я нажимаю кнопку закрытия во всплывающем уведомлении, появляется другое всплывающее окно, и я хочу отключить его, как я могу это предотвратить? const [openAlertDismissStudent, setOpenAlertDismiss....
4 Фев 2022 в 05:31
Как я могу изменить цвет круга этого кругового прогресса MUI, я получил этот код на самой странице MUI, https://mui.com/components/progress/ (круговой с меткой), есть CodeSandBox, который позволяет изменять свойства. (Я нашел аналогичный вопрос, посвященный Android, а не настольному компьютеру) Я пр....
2 Фев 2022 в 22:50
Я использую Material UI 5 в новом проекте, и мне нужно стилизовать элемент ul. Я пытаюсь стилизовать элемент ul с помощью реквизита sx, но это не работает, мой код выглядит следующим образом: <ul sx={{ padding: "0 0", listStyle: "none", display: "grid", gap: "30px", gridTe....
2 Фев 2022 в 19:35
У меня есть эти варианты, где пользователь может выбрать чашку, кружку и футляр. Проблема здесь в том, что если я выберу «Кубок», значение покажет «Кружка». И если я выберу «Кружка», он отобразит «Чехол». Что не так с кодами здесь? import React, { useState } from "react"; import Box from "@mui/ma....
2 Фев 2022 в 16:09
Я использую MUI и сделал все, чтобы изменить цвет текста в текстовом поле MUI и/или цвет его фона. Я следил за документацией и пробовал: const CssTextField = styled(TextField)({ А также Вещи внутри Компонента, такие как InputProps={{ style: { color: "red" } }} Или InputProps=....
У меня есть форма, которая должна печатать данные в консоли, но, к сожалению, я не могу. Я хочу выводить данные на консоль при отправке формы. Форма не отправляется, не знаю почему. У меня есть код ниже. Буду очень признателен, если вы решите. import { Button, Grid, Paper, TextField } from "@mui....
Я создал панель приложений с помощью Material UI. Мне нужно добавить пару завершающих штрихов: Закругленная входная база - радиус границы Изменение цвета панели приложения (таким образом, переопределение цветов пользовательского интерфейса материала). Проблема, с которой я столкнулся, заключается в....
1 Фев 2022 в 18:16
Я столкнулся со случаем со ссылкой в ​​определенной строке и функцией onClick, которая срабатывает, если щелкнуть любой из rows. Итак, для строки с Link я не хочу запускать функцию onClick, но не могу найти правильный подход. Любая помощь будет оценена. Codesandobox link И пример кода ниже imp....
1 Фев 2022 в 16:46
Вот мое состояние, const [partners, setPartners] = useState([ { accessKeyId: "abc123", partnerName: "karta", status: "active" }, { accessKeyId: "qwe112", partnerName: "karta", status: "inactive" ....
1 Фев 2022 в 10:13
Итак, я работал над API commerce.js. Но когда я нажимаю «Добавить в корзину», требуется некоторое время, чтобы обновить количество элементов корзины (из API), поэтому я подумал, что должен добавить кнопку загрузки, пока элементы корзины не загрузятся. Я нашел LoadingButton в @mui/lab и воспользова....
Я использовал пакет "@material-ui/core": "4.11.2" с "react": "16.8.6". В компоненте TextField, когда реквизитом select является true, я не могу получить свойство name TextField из объекта event в функции handleFocus. <TextField id="standard-select-currency" name="mySelectBox" ....
30 Янв 2022 в 11:45
Я хотел бы изменить основной и дополнительный цвет пользовательского интерфейса материала. Однако цвета не применяются к элементам управления, например. Кнопки или Fab. Цвета по умолчанию по-прежнему используются. Что мне здесь не хватает? Index.js /* Material UI */ import { ThemeProvider, crea....
29 Янв 2022 в 13:07
Проблема: У меня возникает ошибка переполнения при использовании этого виджета (код ниже). Как мне решить проблему? Вы можете увидеть ошибку на изображении ниже. введите описание изображения здесь Container( height: 150, decoration: BoxDecoration( color: Colors.red, borderRadius: Bor....
28 Янв 2022 в 21:15
У меня есть вариант использования, в котором я хотел бы использовать выбор между true, false и undefined: const [value, setValue] = useState<boolean | undefined | null>(null) <Autocomplete options={[true, false, undefined]} value={value} renderInput={params => <TextField {...params} />}....
27 Янв 2022 в 22:21
У меня есть карта, и на карте у меня есть функции увеличения и уменьшения масштаба, мой вопрос в том, как сделать красную часть невидимой, но не кнопки, поэтому, когда пользователь ищет местоположение на карте, этот div не должен блокировать вид, только если кнопка должна быть видна. Английский не ....
У меня есть два поля DatePicker (FROM DATE/TO DATE) в моем приложении REACT с MUI. Как я могу запретить пользователю выбирать дату поля (TO DATE), которая предшествует полю (FROM DATE) <LocalizationProvider dateAdapter={AdapterMoment}> <DatePicker ....
27 Янв 2022 в 18:50
Здравствуйте, я пытаюсь применить свою пользовательскую тему (простое изменение цвета) из Theme.js к компонентам в App.js. Однако компоненты по-прежнему используют цвета темы по умолчанию. Через некоторое время я не смог изменить основной и дополнительный цвета. Theme.js import React from "react....
27 Янв 2022 в 10:48
Я довольно долго пытался сделать следующее: Используя хуки (useState и useEffets), получите API, возьмите три свойства объектов (5000) и поместите каждое из них в карту материала-UI. Первые два шага работают нормально (см. рисунок) Однако я не знаю, как использовать функцию map.function таким образ....
26 Янв 2022 в 22:36
Как я могу создать страницу загрузки между переходами в одном и том же веб-приложении с помощью Next JS? Прямо сейчас в среде разработки страницы имеют нормальный переход, что означает, что CSS применяется на каждой странице правильно. Проблема начинается при сборке приложения в производственной ср....
26 Янв 2022 в 20:46
Я пытаюсь преобразовать свой проект из CSS в стилизованный компонент (https://styled-components.com/) , на данный момент я преобразовал все свои другие компоненты, кроме одного компонента, который я застрял, проверил другие примеры из stackoverflow, но это было не то же самое. У меня есть условные....
Поскольку useStyle() не работает с моим материальным интерфейсом v5xx (может кто-нибудь объяснить, почему?), я не понял, как передавать реквизиты в этой версии. Например, для Material-UI v4 мы можем просто ввести следующее: const Navbar = () => { const [open, setOpen] = useState(false); const cl....
26 Янв 2022 в 15:44
Мне нужна круглая кнопка с помощью sveltemateriaui. В https://sveltematerialui.com/demo/button нет подобного примера, но попытка получить его с помощью простого css у меня есть это: repl/8cc5be4c6b1245e88aa9a12c7fc550dc?version=3.37.0 — это не круг, а эллипс. Единственный способ, который я получи....
26 Янв 2022 в 14:36
Я использую кнопку Material UI для своего приложения TODO. Я просто хочу, чтобы моя форма имела поле ввода с кнопкой отправки, но я хочу, чтобы моя кнопка отправки была невидимой, чтобы у пользователя было ощущение, что моя форма отправляется при нажатии клавиши «Возврат». import { TextField, Bu....
26 Янв 2022 в 11:57
Я хочу изменить цвет фона выбранного компонента «серый», а метку и цвет границы с синего на другой цвет, он появляется, когда я нажимаю на поле выбора. Может ли кто-нибудь помочь мне в этом? Я получил эту ошибку: TS2322: введите '{ root: string; }" нельзя присвоить типу "Partial".Литерал объекта м....
26 Янв 2022 в 10:14