Этот тег следует использовать для вопросов, касающихся библиотеки пользовательского интерфейса материалов: компонентов React, которые реализуют Google Material Design. Этот проект с открытым исходным кодом поддерживается MUI.
Я только начинаю работать с ReactJS, и у меня есть очень серьезное сомнение, которое я не могу обойти, не манипулируя некоторыми сложными вещами, которые я еще не понимаю (согласно некоторым ответам здесь)
Вот краткий пример моей проблемы:
У меня есть конкретная реализация, в которой «{console.log('...
25 Сен 2023 в 16:40
Я столкнулся с проблемой при работе с компонентом DataGrid Material-UI, особенно связанной с редактированием ячеек и обновлением значений в сетке. Я пробовал несколько разных подходов, но ни один из них не работает так, как ожидалось.
Вот что я пытался сделать до сих пор:
Подход 1. Использование re...
25 Сен 2023 в 10:02
Когда я присоединяю теневой корень с помощью MUI, функция createTheme не отображается должным образом. Пожалуйста, помогите всем, кто знает, как использовать теневой корень MUI. Я слежу за веб-сайтом MUI, но он не работает. (https://mui.com/material-ui/guides/shadow-dom/ а>)
В App.js
const cac...
25 Сен 2023 в 09:57
Я создал веб-сайт, используя материальные компоненты пользовательского интерфейса, такие как поля автозаполнения, вкладки и кнопки, но теперь я обнаружил, что компоненты реагируют, а текст — нет. Например, у меня есть компонент автозаполнения, который сжимается при изменении ширины, но размер шрифт...
23 Сен 2023 в 17:14
Я хочу, чтобы треки разных цветов были отмечены и сняты. Если флажок снят, цвет дорожки работает, но если флажок установлен, цвет фона используется по умолчанию:
Проверено:
Не отмечено:
import Switch from '@mui/material/Switch';
<Switch
sx={{
".MuiSwitch-thumb": {
backgroundColor: "#...
22 Сен 2023 в 20:47
Я хочу, чтобы направление контейнера выглядело как «строка» над экраном размера MD и «столбец» под экраном размера MD? Как я могу это реализовать?
Я пытаюсь прокрутить до горизонта, используя MUI Grid.
<Grid
container
sx={{ flex: 1, flexDirection: { xs: "column", md: "row" }, overflowX: "au...
22 Сен 2023 в 19:45
Я хочу избежать повторного рендеринга компонента Slider каждый раз при изменении Slider, поэтому я хочу использовать useRef вместо useState. Как я могу получить доступ к значению ползунка с помощью useRef? Регистрация ref.current — это набор вложенных spans без атрибута value, поэтому я не могу за...
22 Сен 2023 в 18:34
Я работаю с минимальным шаблоном информационной панели и хотел бы запустить свой веб-сайт в производство.
Как я могу скрыть исходные карты при реакции?
К вашему сведению: использование пряжи для сборки
Пробовал разные руководства из Интернета, возможно, это что-то очень простое, но, поскольку я нови...
22 Сен 2023 в 18:12
Я пытаюсь настроить material-ui v4 Theme. В отдельном пакете @our-project/ui у нас есть
export declare const themeOptions: {
palette: {
// some colors missing from Palette
}
status: string;
// other properties
}
Следуя https://v4.mui.com/guides/typescript/#customization -of-theme, мне...
21 Сен 2023 в 13:55
Я новичок в мире реагирования, я пытаюсь использовать MUI makeStyle, чтобы переопределить существующий стиль, например: fontWeight:'bold' не работает даже с !important. спасибо за любое предложение.
import { makeStyles } from '@material-ui/core';
const tableStyle = makeStyles(() => ({
CustomTable...
20 Сен 2023 в 16:34
Я планирую перейти от поставщика тем Material UI к переменным темы CSS MUI. Мне интересно, с каких пор это было введено? и почему он все еще находится в стадии эксперимента и не готов к использованию без риска? Я не мог найти никакой причины в документах....
20 Сен 2023 в 11:31
Использование формы реагирования с флажком, управляемым MUI, не устанавливает свойство isDirty формы при первом взаимодействии. Форма реализуется с использованием formContext и fieldArray. После второго действия по следующему флажку все работает нормально.
Вот мои коды и ящик — https://codesandbox...
20 Сен 2023 в 10:00
Я пытаюсь создать диалоговое окно подтверждения, как в примере, представленном material- ui. Простой пример, который я привел, имеет три текстовых поля. В реальном приложении будет гораздо больше входных данных. Когда я меняю текстовое поле, нажимаю кнопку отмены и повторно открываю диалоговое о...
20 Сен 2023 в 06:19
Раньше (MUI X v5) я мог сделать это в DateTimePicker:
renderInput={(params) => {
const inputProps = params.InputProps;
if (inputProps && stopDateKey) {
inputProps.startAdornment = <Stack direction='row' marginRight={1}>{mapDateFieldToIcon[stopDateKey]}</Stack>;
}
...
20 Сен 2023 в 02:41
Следуя документации MUI: https://mui.com/material-ui/react-stack/ Я думал, что все, что мне нужно для центрирования чего-либо по вертикали и горизонтали, — это включить justifyContent='center' alignItems='center, но это центрирует его только по горизонтали, а не по вертикали. Я просто пытаюсь выр...
19 Сен 2023 в 20:55
Я использую компоненты React-Form-Hook и Material-UI для создания регистрационной формы. Проблема в том, что проверки, которые я использую, работают в браузере настольного компьютера в режиме мобильной симуляции, но на реальных устройствах проверки не работают.
const restrictValue = (field: string...
19 Сен 2023 в 20:36
В настоящее время я использую компонент Mui Accordion (Ссылка) в своем проекте. Мне интересно, знает ли кто-нибудь, можно ли настроить направление открытия Аккордеона. Вместо вертикального (вверх и вниз) открытия по умолчанию я бы хотел, чтобы оно открывалось горизонтально сбоку.
Если существует а...
19 Сен 2023 в 14:31
Требуется ли для пользовательского интерфейса материала машинописный текст, или мы можем написать JSX-код реагирования, и он будет работать. Я не мог найти ответ на этот вопрос в другом месте, поэтому пришел сюда....
19 Сен 2023 в 13:59
Здесь я хочу изменить «Имя» на красный цвет.
Я сделал это вот так
<TextField id="outlined-basic" label="First name" variant="outlined"
sx={{
'& .Mui-focused':{
color:'red'
}
}}
/>
Теперь не только термоусадочная этикетка, но и другие поменялись вот так
...
19 Сен 2023 в 10:56
Я пытаюсь визуализировать два больших фрагмента текста рядом, каждый из которых может включать или не включать новые строки или пробелы. Я пытаюсь использовать пользовательский интерфейс материала Grid, однако сетки ведут себя не так, как я ожидал.
Здесь я создал небольшой пример, показывающий мою ...
19 Сен 2023 в 07:11
У меня есть задача — показать изображение в зависимости от размера экрана. Если размер экрана изменится, изменится и размер изображения. Поэтому для этого мне нужно использовать точки останова MUI. Я новичок в MUI, и мне довольно сложно применить их объяснение. Итак, может ли кто-нибудь помочь м...
18 Сен 2023 в 12:37
Я использую Material-UI для создания DataGrid в своем приложении на основе React. Однако я столкнулся с проблемой при попытке отфильтровать данные с использованием турецких символов (например, «İ», «Ş»).
В частности, при попытке отфильтровать данные, содержащие турецкие символы, использование загла...
18 Сен 2023 в 10:17
Итак, у меня есть компонент «Задание», который отображает некоторые поля ввода. Одно поле имеет значок поиска (я использовал endAdorment со значком), с помощью которого можно заполнить остальные поля. Я сохраняю состояние с помощью хука useState, и все работает как положено, когда я привязываю пол...
18 Сен 2023 в 00:53
У меня возникла проблема с кодом, и я не знаю, как ее исправить. После посещения «allVendors.jsx» я нажимаю кнопку «Добавить», после чего открывается всплывающее окно. Затем я нажимаю кнопку отправки и возвращаюсь к allVendors.jsx, поэтому хочу закрыть всплывающее окно. Как я могу это сделать?
al...
17 Сен 2023 в 23:37
Можно ли предварительно заполнить и отредактировать форму в пользовательском интерфейсе Angular Material openDialog? Форма является реактивной. Основной компонент имеет URL-адрес с идентификатором пользователя, при нажатии кнопки openDialog предполагает появление всплывающей формы с заполненной фор...
17 Сен 2023 в 06:01