Вопросы по теме 'semantic-ui-react'

Компонент React Semantic UI не отображается должным образом
Я использовал create-react-app для инициализации своего приложения. Затем я сделал npm install semantic-ui-react --save , чтобы установить пакет. Я хочу создать этот Grid пример из...
2044 просмотров

Я не могу закрыть модальный и диммер в семантике - используя реакцию
Я пытаюсь заставить модальное закрываться в ответ, используя семантический модальный. По какой-то причине я могу закрыть форму, но диммер остается. Мне нужна помощь. Я пробовал $('.ui.modal').modal('скрыть диммер') и многие другие вещи. Модал...
1475 просмотров
schedule 22.10.2023

Реагировать семантическое меню заголовка пользовательского интерфейса
Я использую semantic-ui-react для создания заголовка. Я использую для этого элемент Menu , и вот мой код: export default class Header extends Component { render() { return ( <Menu stackable> <Menu.Item...
1864 просмотров
schedule 06.05.2024

React Semantic UI и пользовательский класс CSS
У меня есть проект, в котором я использую semantic-ui-react. Проект построен с помощью веб-пакета и имеет включенный sassLoader. У меня есть следующий код в компоненте React: <Label className="test"> sample text </Label> У...
3805 просмотров
schedule 03.10.2022

Как обработать изменение ввода для объекта раскрывающегося списка semantic-ui-react в форме без создания нескольких обработчиков?
объект раскрывающегося списка semantic-ui-react не принимает атрибут имени или идентификатора, поэтому изменение нельзя обрабатывать так же, как другие элементы формы. документы показывают это: import React, { Component } from 'react' import {...
2973 просмотров
schedule 23.11.2023

Модальное окно открывается примерно за 30 секунд.
В моем приложении есть модальное окно, которое иногда открывается примерно через 30 секунд. Профилировщик chrome devtools показывает, что реагирующие компоненты заканчивают рендеринг, затем появляется длинный промежуток, когда нет сообщения о том,...
73 просмотров

Как динамически отображать карты в React Semantic UI
Я сопоставил свой магазин избыточности с реквизитом, но теперь у меня проблемы с его динамическим рендерингом. Я также пробовал синтаксис projectCards(){...} , но это был полный выстрел в темноте. Мои журналы консоли показывают, что объекты...
3011 просмотров

Как я могу сделать таблицу отзывчивой в Semantic-UI-React?
Сейчас у меня длинный и широкий стол. Он занимает все 16 точек в сетке и выглядит хорошо, но когда я переопределяю некоторые данные на Table.cell . Это может нарушить ширину таблицы. Как это: Может ли какой-нибудь орган помочь мне...
504 просмотров

Как создать полностью контролируемый выпадающий список в semantic-ui-react
Я хочу создать полностью контролируемое раскрывающееся меню, чтобы использовать react-window для отображения действительно длинного списка предметов в нем. Я проверил документы, и нет ни одного примера контролируемого раскрывающегося списка с...
1777 просмотров
schedule 21.05.2024

Как справиться с изменением высоты при использовании translate3d с реактивной пружиной?
Я пытаюсь анимировать из / в другой компонент, когда нажимаю кнопку. Я использую useTransition от react-spring . При этом анимация работает, однако мой рост смещается, когда анимация продолжается. Я пробовал поставить разные positions на...
1095 просмотров

Сообщение об успехе продолжает срабатывать, несмотря на состояние ошибки в форме Semantic-React-UI
Я пытаюсь получить соответствующие сообщения для запуска в зависимости от состояния моего компонента формы для проверки переднего плана при отправке формы. Одна из основных проверок, над которой я работаю, — это проверка того, существует ли...
204 просмотров

Выпадающее меню семантического пользовательского интерфейса в React: onChange запускается дважды, когда в качестве содержимого используется ‹a href›
Я пытаюсь заменить содержимое элементов раскрывающегося списка семантического пользовательского интерфейса, чтобы они содержали <a href="" /> ссылки, где их поведение по умолчанию (перенаправление на ссылку) было бы отключено. Проще говоря,...
284 просмотров

Разрешить только число в Semantic UI React Form Input
Я создал компонент React для ввода валюты, чтобы пользователь мог вводить числовые значения. Я сделал тип ввода «число». Это работает только в Chrome (пользователь может вводить нечисловые значения в Firefox). Компонент CurrencyInput: import...
3029 просмотров

Как прокручивать и расширять аккордеон с помощью нажатия на значок компонента?
У меня есть компонент MainContent со своим дочерним компонентом AddMock . В MainContent есть таблица, в которой показан некоторый список элементов. У него есть определенное действие в каждой строке, такое как просмотр и редактирование, которые...
3050 просмотров