Публикации по теме 'semantic-ui-react'


Понимание составных компонентов в React
Узнайте, как и когда использовать составные компоненты React Итак, вы создали компонент и гордитесь им, но затем дизайн немного изменился, и вы вынуждены передать опору вроде leftAlignment={false} или isBottom для настройки вашего компонента. Хорошо, это работает, но также показывает, что в этом шаблоне есть некоторые недостатки. И для этого предназначен этот пост, чтобы вы поняли и использовали составные компоненты, чтобы вы могли избежать этого побочного эффекта передачи..

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

Semantic-UI-React, выбор, мульти, не может установить defaultValue
У меня есть компонент React: <Dropdown placeholder={field[propName].label} id={propName} fluid multiple selection search defaultValue={defaultOptions} options={options} /> Итак, options и...
6051 просмотров

Как закрыть семантический интерфейс пользовательского интерфейса в другом компоненте реакции?
В моем основном компоненте я могу открыть модальное окно, щелкнув значок. Содержимое модала — это отдельный компонент, который вызывает метод. Если вызов метода прошел успешно, я хочу закрыть модальное окно. Но как я могу это сделать? Основной...
9942 просмотров

Как вставить элемент метки в компонент Semantic UI + React Dropdown?
Я хотел бы воссоздать следующий раскрывающийся список из семантического пользовательского интерфейса, в котором <label> вставлен для раскрывающегося меню с помощью UI React : ( https://semantic-ui.com/collections/form.html#dropdown )...
4865 просмотров

Боковая панель Semantic UI не будет отображаться - React
В настоящее время я реализую боковую панель на своей панели приложений, используя семантический пользовательский интерфейс в React. До сих пор я получил это: import React, { Component } from 'react' import { Menu, Segment, Dropdown, Icon, Button,...
1117 просмотров

Как использовать фермент ShallowWrapper, чтобы найти компонент React, хранящийся в качестве опоры в другом компоненте React?
У меня есть тест шутки / фермента, который создает ShallowWrapper вокруг компонента, находит указанную кнопку semantic-ui-react (по идентификатору), имитирует щелчок по кнопке, а затем проверяет, переключил ли щелчок определенный контент. Пример...
2847 просмотров
schedule 30.03.2023

Фиксированная боковая панель Semantic-UI-react
Выполните поиск в Google, выполните поиск на странице документации и проблем семантического пользовательского интерфейса и выполните поиск в stackoverflow. Не нашел ответа. Как в Semantic-ui-react создать боковую панель, содержимое которой...
14126 просмотров
schedule 23.04.2024

ReduxForm - получение значения выбора из ввода выбора Semantic-UI
Я пытаюсь получить значение выпадающего меню с помощью Redux Form из компонента в React Semantic-UI. Я успешно получил значения из обычных текстовых входов, но не выбрал входы. import React, { Component } from 'react'; import { Field, reduxForm }...
992 просмотров
schedule 03.07.2023

Семантический интерфейс, как настроить стили меню?
Я впервые использую semantic-ui в своем приложении React, точный пакет, который я использую: https://react.semantic-ui.com/collections/menu Я визуализирую свой заголовок следующим образом: <Menu className='header' >...
1720 просмотров

Исправлена ​​боковая панель в react-semantic-ui
У меня есть Sidebar в react-semantic-ui , у которого есть ссылка на другие страницы, меню навигации. это работает нормально, только когда разные страницы при рендеринге с разными размерами размер боковой панели также изменяется вместе с ними. Я...
1644 просмотров

Динамически установить значение свойства для ввода в Semantic UI React
У меня есть элемент ввода, в котором я хочу отображать ошибку при сбое проверки формы. <Input ref="amount" error={false} /> Когда пользователь вводит неправильную сумму, я хочу изменить «ошибку» на «истина». Как это может быть сделано?...
2975 просмотров
schedule 08.06.2023

Закрытие модального интерфейса React Semantic с кнопкой и значком закрытия
У меня есть модальный режим, в котором пользователю нужно заполнить некоторые формы и сохранить все, что было заполнено, с помощью кнопки в модальном окне. Когда пользователь сохраняет, я бы хотел, чтобы модальное окно закрывалось. Я могу сделать...
15983 просмотров

React-Semantic-UI, Accordion, activeIndex с эксклюзивом = {false} и без него. Работает и не работает
ожидаемый результат Мне нужна кнопка «закрыть все». Но используя exclusive={false} , потому что мне нужно открыть много строк. Это не работает. Фактический результат Просто exclusive={true} работает. Версия 0.77.2 Прецедент...
1960 просмотров
schedule 31.05.2022

исправлена ​​боковая панель и панель навигации semantic-ui-react: невозможно заставить боковую панель и контент хорошо прокручиваться
Я новичок в semantic-ui-react и застрял, пытаясь реализовать этот макет. Посмотрите на эту скрипку Это самое близкое, чего я смог достичь. Два компонента имеют области с возможностью прокрутки (желательно), но моя основная проблема...
2469 просмотров

Изменить стиль при наведении компонентов semantic-ui-react
если я настрою className для определенных компонентов, таких как <Segment className="Change" color='blue' inverted></Segment> и в моем css я использую .Change:hover{ background-color: black; //or any other change on hover }...
12507 просмотров

Изменение содержимого при щелчке и наведении курсора во всплывающем элементе пользовательского интерфейса React semantic
Я использую компонент Popup response-semantic-ui, который вызывает всплывающее окно при наведении / щелчке. Я хочу изменить содержимое в зависимости от того, был ли запущен элемент нажата или завис. Например: в моем интерфейсе есть набор окон....
1860 просмотров
schedule 04.03.2023

Semantic-UI-React Reveal не работает
Я пытаюсь использовать эффект Reveal с Semantic-UI-React, и мой «скрытый» элемент не становится видимым, когда я наводю указатель мыши на элемент, я нашел этот поток - Semantic UI React - Добавление эффекта раскрытия к изображениям в карточках -...
651 просмотров
schedule 19.12.2022

проверка формы semantic-ui-react с помощью Yup
Я прочитал это решение , но на самом деле это не отвечает на вопрос. Я использую formik и semantic-ui-react. Можно ли использовать Yup с semantic-ui-react? Если да, может ли кто-нибудь привести пример?
1409 просмотров
schedule 18.09.2022

Semantic UI response dropdown search allowAddition, как отличить добавление в событии onchange?
В моей программе, если пользователь выбирает элементы в раскрывающемся списке, событие onchange запускает вызов api для автозаполнения остальных полей. Но если пользователь добавляет свой собственный элемент в раскрывающийся список, мне нужно...
796 просмотров

Конструктор тем Semantic UI для нескольких тем Semantic UI с поддержкой имен классов Font Awesome и оригинальной демонстрацией документов Semantic UI React
Я большой поклонник Semantic UI и особенно Semantic UI React. Помимо того, что они отличные библиотеки, их документы потрясающие. Однако написание и поддержка тем для их компонентов может быть обременительным. И становится еще труднее писать,...
875 просмотров

Горизонтальное выравнивание элементов - Semantic-UI-react
Решение : добавьте строку "inline" в Form.Group. Codepen: https://codesandbox.io/s/88v6zl66q8 Я настраиваю группу формы выбора в семантическом пользовательском интерфейсе в React. Однако выравнивание не по горизонтали, поэтому элементы выбора...
4053 просмотров
schedule 18.05.2022