Реагируйте на компоненты, которые реализуют Google Material Design. Обратите внимание, что этот тег следует использовать для вопросов относительно структуры 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 Я хочу сделать заголовок ".......
4 Мар 2021 в 10:40
При использовании функции автоматического импорта VSCode для импорта компонентов Material-UI он будет использовать именованный импорт для импорта из файла верхнего уровня: import {Button} from "@ material-ui / core" Однако я .......
3 Мар 2021 в 22:26
У меня такой 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] .......
3 Мар 2021 в 15:26
Вот как выглядит код OutlinedTextField в jetpack-compose: OutlinedTextField (value = "", onValueChange = {}, label = {Text ("Input")}) Цвет по умолчанию для .......
3 Мар 2021 в 12:00
Я определяю настраиваемую панель инструментов в 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....
26 Фев 2021 в 18:54
Итак, я пытаюсь не дублировать код и, вероятно, слишком усложнять это, но мне очень любопытно, есть ли способ для такой системы, чтобы работать
<Drawer anchor="right" open={sideBarOpen} onClose={toggleSideBar}>
<List className={classes.sideBar}>
{[
["test1....
26 Фев 2021 в 18:39
Использование пользовательского интерфейса материала с машинописным текстом и также желание использовать стили из пользовательского интерфейса материала. При передаче опоры компонента стилизованному компоненту я получаю сообщение об ошибке из песочницы машинописного текста ниже, возможно, кто-нибуд....
26 Фев 2021 в 18:28