Публикации по теме 'material-ui'
Краткое руководство: сброс входных значений в автозаполнении Material-UI
ВВЕДЕНИЕ:
В этом руководстве вы узнаете, как сбросить выбор и поля ввода в компоненте автозаполнения Material-UI. Это улучшает взаимодействие с пользователем и взаимодействие, особенно после отправки формы или подобных событий.
ОБЗОР:
Шаг 1. Настройте среду разработки, установив Material-UI и связанные пакеты. Шаг 2. Импортируйте компонент автозаполнения для использования. Шаг 3. Реализуйте функцию очистки, инициализируя состояние, применив механизм очистки и вызвав сброс...
5 функций пользовательского интерфейса React Material, которые вы могли пропустить
Эти функции изменят способ работы с пользовательским интерфейсом материала.
Как фронтенд-инженер, Material-UI - мой любимый вариант стиля для компонентов React. Его гладкий дизайн и элегантность выделяли его среди остальных.
При этом я недавно обнаружил некоторые интересные факты о Material-UI, когда использовал его на практике. В этой статье я хочу представить их вам, поскольку они мне показались очень интересными.
Предварительное условие : знакомство с основами Material-UI..
Пользовательские метки ползунка материалов, которые не имеют ничего общего с Киану Ривзом
Недавно мне поручили представить некоторые данные на основе временной шкалы и позволить пользователям добавлять свои собственные точки данных. Ползунок материала казался очевидным выбором — он дал мне около 60% пути прямо из коробки. Я не новичок в материалах в целом, но это был мой первый раз, когда я использовал этот конкретный компонент, и я столкнулся с некоторыми проблемами с настройкой меток ползунка, которые вызвали у меня некоторую изжогу. Я решил собрать несколько заметок на эту..
Вопросы по теме 'material-ui'
Стиль реагирует на вкладки Material-ui
Я только начал использовать reacts material-ui , и я хотел бы настроить некоторые стили. Например, изменение цвета фона вкладок.
пытаюсь использовать inlineStyle
нравиться
<Tabs style={this.getStyles().tabs} > </Tabs>...
27619 просмотров
schedule
07.11.2022
Что значит Устаревший. Вместо этого используйте компонуемость. означает в Reactjs Material-UI элементы меню?
Я забираю проект, который был создан с помощью более старой версии реакции, и я обновляю этот проект, но сначала получаю ошибки консоли.
Ошибка :
bundle.js:6263 Предупреждение: свойство «menuItems» «LeftNav» устарело. Вместо этого...
180 просмотров
schedule
01.02.2024
Почему ‹Таблица/› не показывает флажок при многократном отображении?
Я использую <Table/> из http://www.material-ui.com/#/components/table . Когда я визуализирую <TableRowColumn/> несколько раз в зависимости от того, сколько объектов находится в массиве, флажки не появляются. Например, если есть два...
663 просмотров
schedule
04.12.2023
ReactJS + MaterialUI: как распознать, что флажок TableRow/› был нажат?
Используя ReactJS + MaterialUI's '' ( http://www.material-ui.com/#/components/table ), я создал таблицу с двумя строками, каждая с флажком. После того, как флажок установлен, как я могу получить метод для распознавания события строки, а также...
1453 просмотров
schedule
28.04.2024
не может отображать элементы на панели навигации в соответствии с необходимостью
Я использую reactjs и material-ui для разработки своего приложения. Разрабатываю дашборд. Раньше я использовал response-mdl для компонента, и при его использовании компонент navbar работал должным образом. Я хочу использовать material-ui, хотя в...
118 просмотров
schedule
20.01.2024
Как избежать многократного связывания ReactJs с помощью Gulp?
Я пытаюсь использовать ReactJS в качестве рендеринга библиотеки представлений на стороне клиента. Также я импортирую множество компонентов из Material-UI в качестве компонентов. Одна проблема заключается в том, что мне нужно использовать gulp для...
111 просмотров
schedule
24.10.2022
Панель инструментов Material-UI с расходным разделом
Какой компонент используется для расширяемой секции material-ui для кода? Я не могу найти тот же элемент, и карточка не совсем то, что мне нужно (другой стиль)
113 просмотров
schedule
04.04.2024
Самый простой способ реализовать систему Grid с помощью Material-UI
Я уже перегружен всей экосистемой вокруг приложения React, и я хочу выбрать самый простой (и достойный) способ использования системы сетки с Material-UI.
Что это такое и как его использовать в нескольких словах?
(Я довольно много читал на эту...
299 просмотров
schedule
12.12.2022
ошибка компонента реагирования Невозможно прочитать свойство undefined
Я новичок в React, я создал такой компонент;
export default class CartoviewDrawer extends React.Component {
constructor(props) {
super(props);
this.state = {open: false};
}
_handleToggle() {
let open =...
2535 просмотров
schedule
18.02.2024
Отображение сообщений об ошибках onChange в redux-форме
Я пытаюсь использовать поле redux-form (вместе с Material-ui) и проверку. Похоже, что сообщения об ошибках отображаются, когда я ухожу от поля (например, onBlur). Чего я хотел бы достичь, так это выполнять проверку на лету по мере ввода...
2490 просмотров
schedule
17.03.2024
Не удается разрешить модуль «material-ui/styles/muiThemeable»
Просто пытаюсь перейти на "material-ui": "^1.0.0-alpha.11", и удалось исправить большинство сломанных зависимостей, кроме HOC muiThemable .
Кажется, это было полностью удалено в ветке next . Есть ли еще способ извлечь тему из контекста таким...
443 просмотров
schedule
14.04.2024
Material-ui List выберите несколько элементов
Как показано в примере документации, вы можете реализовать выбираемый список .
Мне было интересно, как можно сделать список для поддержки множественного выбора.
В примере использовался метод makeSelectable . Кажется, нет никакой документации...
2298 просмотров
schedule
01.01.2024
Где находится средство выбора даты в пользовательском интерфейсе материала?
Я пытаюсь использовать next ветку пользовательского интерфейса материала https://github.com/callemall/material-ui/tree/next . Потому что я хочу использовать компонент layout . Но я не могу найти компонент DatePicker ! Как использовать...
9041 просмотров
schedule
24.09.2022
Как очистить текстовое поле пользовательского интерфейса материала с помощью веб-драйвера
пожалуйста, у меня проблема, что я не могу очистить текст, который находится в текстовом поле Material-Ui.
driver.findElement(By.id("CompanyNameField")).clear();
очистит поле, но при переходе на другую вкладку с...
283 просмотров
schedule
01.10.2022
Material UI — совместное использование v1 и следующей версии
Я хочу использовать выпущенные «следующие» компоненты из «следующей» ветки Material UI с текущими компонентами v1 и плавно перемещать устаревшие компоненты в «следующие» по мере выпуска следующих компонентов. Есть ли какая-то совместимость между...
610 просмотров
schedule
23.01.2024
Исправлен заголовок и высота таблицы в Material-UI@next (v1.0.0-beta.8)
В [email protected] есть реквизиты для высоты таблицы и фиксированного заголовка таблицы, но, к сожалению, они не реализованы в Material-UI@next. Есть ли обходной путь, чтобы добиться того же, используя Material-UI@next?
Я попытался перейти на...
10020 просмотров
schedule
10.11.2023
Как сделать так, чтобы текстовое поле FieldArray в редукционной форме имело только чтение с начальными значениями, но не при нажатии нового поля field.push?
Мне нужно создать редукционную форму, которая загружает данные в модальное окно с начальными значениями. Одно из полей (quoteField) должно отображаться с readOnly, когда есть исходные данные. В данных (initialValue) также будет хотя бы одна цитата,...
3891 просмотров
schedule
22.01.2024
Рендеринг на стороне сервера с Material UI 1 и Nodejs/React
Проблема: Не удается заставить стили отправляться или загружаться изначально через ssr.
Я слежу за документами и пытаюсь делать, как говорится, но переменная styleSheets все равно кажется пустой. В моем компоненте навигации я использую JSS и...
1025 просмотров
schedule
01.01.2024
Полноэкранный ящик с ui @ next
Как мне воссоздать полноэкранный ящик из первой material-ui версии в @next версии?
Раньше я мог это делать
<Drawer width={'100%'} open={this.props.eventsDrawer} className="events-drawer">
...
</Drawer>
Но теперь я не вижу...
4392 просмотров
schedule
15.09.2022
Как получить дату из выбора даты и показать в таблице? Материал-пользовательский интерфейс. РеактJS
Я использую компонент Date Picker из Material-UI для React JS. Я хочу показать выбранную дату в таблице. Дата - это объект, и у меня возникает ошибка при попытке показать в строке таблицы. Как это сделать?
import React, { Component } from...
4258 просмотров
schedule
24.02.2024
