Реагируйте на компоненты, которые реализуют Google Material Design. Обратите внимание, что этот тег следует использовать для вопросов относительно структуры 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=....
2 Фев 2022 в 12:03
У меня есть форма, которая должна печатать данные в консоли, но, к сожалению, я не могу. Я хочу выводить данные на консоль при отправке формы. Форма не отправляется, не знаю почему. У меня есть код ниже. Буду очень признателен, если вы решите.
import { Button, Grid, Paper, TextField } from "@mui....
2 Фев 2022 в 08:06
Я создал панель приложений с помощью 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 и воспользова....
31 Янв 2022 в 14:31
Я использовал пакет "@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 не должен блокировать вид, только если кнопка должна быть видна.
Английский не ....
27 Янв 2022 в 22:14
2
Пользовательский интерфейс материала React, два поля даты до даты не должны быть раньше даты начала
У меня есть два поля 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, но это было не то же самое.
У меня есть условные....
26 Янв 2022 в 16:40
Поскольку 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