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

Как использовать semantic-ui-react с redux-form?
Прямо сейчас я использую компонент Поле ReduxForm и применяю необработанные семантические классы пользовательского интерфейса . Но затем я наткнулся на Semantic UI React , который значительно упрощает работу - вы можете просто использовать...
3157 просмотров

Семантический пользовательский интерфейс (React): как использовать компоненты Link в элементах Menu.List
Я пытаюсь получить семантический список меню пользовательского интерфейса (реакции), который должен работать с реагирующим маршрутизатором, а это значит, что я хотел бы использовать компонент Link react router Если я использую это......
29558 просмотров

react/semantic-ui: как получить полноэкранный сегмент
Я хотел бы создать макет, подобный примеру домашней страницы semantic-ui: http://semantic-ui.com/examples/homepage.html Первый вертикальный черный сегмент имеет почти полную высоту. Это делает класс masthead , но я не понимаю, откуда берется...
1670 просмотров

Как передать компонент React в качестве реквизита
Я использую модальный объект react-semantic-ui. Объект, открывающий модальное окно, является реквизитом. <Modal trigger=<Button>Text</Button> otherProp=... > </Modal> Я хочу встроить Modal в другой...
12893 просмотров

Как отправить значение поиска semantic-ui-react?
Я пытаюсь добавить функцию отправки в свой компонент поиска semantic-ui-react, но он ведет себя не так, как я хочу. Отправка должна сделать ajax-вызов API и вывести данные из системы. Кто-нибудь знает, как заставить его работать? Я либо получаю...
4531 просмотров

Semantic-ui-react: как вызвать всплывающее окно без щелчка/наведения?
При отправке формы я хочу показать небольшое всплывающее окно на 2,5 секунды, если сервер отправляет неверный ответ. Логика довольно проста, однако я не могу понять, как заставить это всплывающее окно прослушивать логическое значение где-то в...
8043 просмотров
schedule 11.12.2022

Свойства изображения Semantic-UI не работают с semantic-ui-react
Я впервые пытаюсь использовать официальный semantic-ui-react с React. Я создал совершенно новое приложение для реагирования: $ create-react-app test Затем я попытался добавить такое же изображение реакции, как показано ниже, в App.js :...
2623 просмотров

Semantic-UI-React: заголовок карты с 2 столбцами
Я хочу, чтобы заголовок карты был обычным текстом вместе с изображением рядом. import logo from './images/logo.svg'; render() { return ( <div> <Card> <Card.Content className='left aligned'>...
2398 просмотров

Есть ли способ получить динамическую иконку с помощью Semantic-UI?
У меня есть этот значок из Semantic-UI с React <Icon name={`idea ${words}`} /> где слова могут быть любой строкой слов на основе пользовательского ввода. Есть ли способ заставить это не выдавать ошибку? Я получаю такие ошибки прямо...
1063 просмотров

Как повторно использовать редуктор с тем же действием, используя подпространство redux
Я создаю небольшое приложение, используя React, semantic-ui-react, redux-subspace. У меня много разных таблиц, и когда пользователь щелкает одну из ячеек, значение должно появиться на консоли, но результат не определен при нажатии. Я пытаюсь...
740 просмотров

Как получить автоматическую фокусировку Semantic UI React Dropdown при монтировании его родительского компонента?
Я использую раскрывающийся список пользовательского интерфейса Semantic React и хотел бы, чтобы он как можно скорее сфокусировался когда монтируется его родительский компонент: пользователь должен иметь возможность немедленно начать поиск. Я...
2328 просмотров
schedule 27.07.2022

Объединение семантического ввода реакции пользовательского интерфейса с замаскированным вводом реакции
Кто-нибудь знает, как лучше всего объединить два компонента ввода реакции? Предпочтительно, поскольку это относится к semantic-ui-react и react-text-mask . Вот что у меня есть до сих пор (мне не удалось передать реквизиты дочернему компоненту в...
1869 просмотров

Semantic UI React: как добавить переход в Popup?
Я создаю «парящее» меню, используя всплывающее окно semantic-ui-react, и хочу добавить простой переход «показать-скрыть», как это можно сделать?
2240 просмотров
schedule 20.12.2022

Как сделать вложенный Аккордеон?
В библиотеке semantic_ui-react существует компонент Accordion . Есть несколько примеров, но я должен сделать вложенный аккордеон, который имеет структуру: -accordion: -sub_accordion1 -sub_accordion2 -sub_accordion3 Я видел...
6169 просмотров

Проблема перехода Semantic UI React на несколько div
У меня возникла проблема с областью действия переходов Semantic UI React. Моя проблема в том, что переходы работают нормально, но когда я нажимаю на один из div... ВСЕ они анимируются. Я только хочу, чтобы один из них анимировался. Мой код:...
1949 просмотров

Как отключить автозаполнение формы в semantic-ui-react?
Как отключить автозаполнение формы с учетными данными в semantic-ui-react? Пробовал это, но это не работает import { Form } from 'semantic-ui-react'; <Form autoComplete="off"> .... </Form>
6193 просмотров

Состояние не обновляется в reactjs
Я столкнулся с проблемой при использовании semantic-ui-react(версия: 0.78.3) . Я пытался использовать функцию onSearchChange в раскрывающемся списке. Я изменил состояния с помощью this.setState в функции onSearchChange . Но когда я ввожу...
35 просмотров

Проблема с Menu.Item NavLink всегда активен Semantic UI React
Я использую семантическую реакцию пользовательского интерфейса, и я использую NavLink с Menu.Item для маршрутизации. Ниже мой компонент навигационной панели: const Navbar = () => ( <div> <Container> <Menu secondary...
1167 просмотров

semanticui реагирует на событие изменения текстового поля
(первый вопрос по SE, постараюсь придерживаться правил и рекомендаций сообщества - поискал в Google и SO, но не смог найти ответа) Я использую модуль semantic-ui-react для реализации формы с текстовым полем. Конструктор с функциями...
2947 просмотров
schedule 12.04.2023

semantic-ui-react Основной модальный бросок Нарушение инварианта: Portal.render()
Я пытаюсь включить базовое модальное окно ( задокументировано здесь ) в существующий компонент React. Без модального окна кнопка отображается нормально. class NewInstanceModal extends React.Component<{}, {}> { render() {...
273 просмотров