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

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

Я использую DataGrid для управления конфигурацией службы. Я хотел бы использовать автоматически созданные флажки строк для управления несколькими операциями удаления, но хотел бы использовать событие onRowClick для передачи данных строки в модальную диалоговую форму для редактирования. Мой обработ....
4 Мар 2021 в 20:20
Я использую https://codesandbox.io/s/github/SabuShakya/React-Sidebar-Using-Material-UI/ как ссылку, я хочу обновить фон панели приложений до # ffb74d, я проверил много ответов, отвечать .......
4 Мар 2021 в 11:36
Я использую таблицу материалов в своем проекте реакции. Как я могу центрировать заголовок таблицы? Вот пример codeandbox: https://codesandbox.io/s/silly-hermann-6mfg4?file=/src/App.js Я хочу сделать заголовок ".......
При использовании функции автоматического импорта VSCode для импорта компонентов Material-UI он будет использовать именованный импорт для импорта из файла верхнего уровня: import {Button} from "@ material-ui / core" Однако я .......
У меня такой jsx. <Popper id={id} open={open} anchorEl={anchorEl} style={{opacity:'0.5',width:'100%',size:'100%'}}> <div style={{backgroundColor: 'red'}}>The content of the Popper.</div> </Popper> <button aria-describedby={id} type="button" onClick={handleClick}> Toggle Popper </button....
3 Мар 2021 в 17:49
Я использую Material UI KeyboardDatePicker. Я хочу избавиться от этой черной линии, которая есть в указателе даты, как вы можете видеть на скриншоте. Как я могу это сделать? Это код моей .......
3 Мар 2021 в 17:29
Как сделать эти карточки одинаковой ширины? Когда я использую flexbox в material-ui, ширина этих карт не одинакова. Как я могу это исправить? Должен ли я использовать для этого сетку? вот компонент карты .......
3 Мар 2021 в 16:40
Каждый раз, когда я нажимаю на IconButton, все строки расширяются, хотя на самом деле я хочу, чтобы он расширял только конкретную строку, на которой я щелкнул по ней. В чем проблема, ребята? Вот мой код: const [open, setOpen] .......
Вот как выглядит код OutlinedTextField в jetpack-compose: OutlinedTextField (value = "", onValueChange = {}, label = {Text ("Input")}) Цвет по умолчанию для .......
Я определяю настраиваемую панель инструментов в datagrid (Material-UI) следующим образом (см. Https://material-ui.com/components/data-grid/rendering/#toolbar). Я начал с этого примера: https: // codesandbox. io / s / x58yv? .......
2 Мар 2021 в 23:45
Я разрабатываю форму с управляемыми компонентами, Material-UI и обработчиками реакции. Все данные формы сохраняются в глобальном состоянии с помощью функции установки useState. Кроме того, некоторые поля необходимо включать и выключать в зависимости от ответа пользователя, который подразумевает, ч....
2 Мар 2021 в 21:53
Хочу сделать компонент как на фото. Есть ли разница в использовании бумаги / карты, если мне не нужен API карты, или использование бумаги в этом случае «нарушает семантику material-ui»? https://i.stack.imgur.com/U0mLJ.png....
2 Мар 2021 в 19:32
Я впервые использую UI материала, и я хочу создать цветные закругленные квадраты с буквой внутри, расположенной на компоненте карты, как на изображении ниже. Как видите цветной квадрат .......
2 Мар 2021 в 12:35
Как только я нажимаю кнопку выхода из системы, меня выводят с сайта, однако диалоговое окно не исчезает, пока я не нажму на экран за пределами диалогового окна. Как я могу заставить диалоговое окно исчезнуть после того, как я нажму кнопку выхода из системы? <Dialog ....
2 Мар 2021 в 06:20
Поле ввода На данный момент моя проверка проверяет, равна ли длина уникального кода 14 или нет. Формат уникального кода должен быть в. (4-6-4) Пример XXXX-XXXXXX-XXXX Как я могу проверить правильность формата в моем поле ввода (4-6-4) //{Handles inputfields} const uniquecodeChange = (e) =>....
2 Мар 2021 в 02:31
Я пытаюсь добавить стили к двум компонентам, чтобы добиться пространства между ними (имея пространство на большом дисплее и на меньшем), исходный код выглядит так: <div> <CustomPageHeader pageTitle={t('offersPage.pageHeader')} buttonLabel={t('offersPage.newRequestButton')} buttonHandle....
1 Мар 2021 в 19:40
Я получаю данные из API и отображаю их с помощью React Material-UI Data Grid. Я включил выбор флажка и хочу получить определенные элементы ячеек выбранной строки и сохранить их в списке. Например, на изображении ниже, если я установлю флажок для 1-й строки, я хочу, чтобы «текущее местоположение» бы....
1 Мар 2021 в 18:18
Как выделить начальную дату до завтра или до определенной даты в компоненте DatePicker пользовательского интерфейса React Material? Выдержка из моего кода <DatePicker name="dueDate" label="Due Date" disablePast /> ....
27 Фев 2021 в 02:32
Я новичок в Material-UI. Мы используем withStyles для обертывания компонента. Я следил за документами здесь, чтобы создать объект классов с правильным типы. const classes = createStyles({ mainDiv: { display: "flex", flexDirection: "column", justifyContent: "center" ....
26 Фев 2021 в 23:26
Как мне стилизовать компонент <Typography /> так, чтобы его font-color стал градиентом? Пока что я пробовал: const CustomColor = withStyles({ root: { fontColor: "-webkit-linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)", }, })(Typography); Это не сработало, поэтому я попытался следовать это....
26 Фев 2021 в 21:31
Я пытаюсь воспроизвести эту логику, но использую материал-пользовательский интерфейс useStyle <div className={'container ' + (state.unlocked ? 'containerUnlocked' : '')}> Я представил, что это будет примерно так: <div className={`${classes.container} + ${state.unlocked} ? ${classes.spacious} : ''....
26 Фев 2021 в 20:01
Я использую пользовательский IconComponent для TableSortLabel (material-ui). Я хочу, чтобы значок отображался только при наведении курсора. Может кто-нибудь посоветовать, как это можно сделать? Ниже мой код const DropdownIndicator = (props) => ( <div {...props.innerProps} className={class....
26 Фев 2021 в 19:32
Я хочу выровнять текст по центру расширенной кнопки с плавающим действием, но я не могу этого сделать. Как вы можете видеть на изображении ниже, текст не выровнен по центру. Вот код расширенной кнопки с плавающим действием: <com.google.android.material.floatingactionbutton.ExtendedFloatingActionBu....
Итак, я пытаюсь не дублировать код и, вероятно, слишком усложнять это, но мне очень любопытно, есть ли способ для такой системы, чтобы работать <Drawer anchor="right" open={sideBarOpen} onClose={toggleSideBar}> <List className={classes.sideBar}> {[ ["test1....
26 Фев 2021 в 18:39
Использование пользовательского интерфейса материала с машинописным текстом и также желание использовать стили из пользовательского интерфейса материала. При передаче опоры компонента стилизованному компоненту я получаю сообщение об ошибке из песочницы машинописного текста ниже, возможно, кто-нибуд....