Публикации по теме '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 просмотров
schedule
24.05.2022
Как закрыть семантический интерфейс пользовательского интерфейса в другом компоненте реакции?
В моем основном компоненте я могу открыть модальное окно, щелкнув значок. Содержимое модала — это отдельный компонент, который вызывает метод. Если вызов метода прошел успешно, я хочу закрыть модальное окно. Но как я могу это сделать?
Основной...
9942 просмотров
schedule
19.12.2022
Как вставить элемент метки в компонент Semantic UI + React Dropdown?
Я хотел бы воссоздать следующий раскрывающийся список из семантического пользовательского интерфейса, в котором <label> вставлен для раскрывающегося меню с помощью UI React :
( https://semantic-ui.com/collections/form.html#dropdown )...
4865 просмотров
schedule
28.06.2022
Боковая панель Semantic UI не будет отображаться - React
В настоящее время я реализую боковую панель на своей панели приложений, используя семантический пользовательский интерфейс в React. До сих пор я получил это:
import React, { Component } from 'react'
import { Menu, Segment, Dropdown, Icon, Button,...
1117 просмотров
schedule
02.01.2023
Как использовать фермент 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 просмотров
schedule
24.04.2022
Исправлена боковая панель в react-semantic-ui
У меня есть Sidebar в react-semantic-ui , у которого есть ссылка на другие страницы, меню навигации. это работает нормально, только когда разные страницы при рендеринге с разными размерами размер боковой панели также изменяется вместе с ними. Я...
1644 просмотров
schedule
30.11.2022
Динамически установить значение свойства для ввода в Semantic UI React
У меня есть элемент ввода, в котором я хочу отображать ошибку при сбое проверки формы.
<Input ref="amount" error={false} />
Когда пользователь вводит неправильную сумму, я хочу изменить «ошибку» на «истина». Как это может быть сделано?...
2975 просмотров
schedule
08.06.2023
Закрытие модального интерфейса React Semantic с кнопкой и значком закрытия
У меня есть модальный режим, в котором пользователю нужно заполнить некоторые формы и сохранить все, что было заполнено, с помощью кнопки в модальном окне. Когда пользователь сохраняет, я бы хотел, чтобы модальное окно закрывалось. Я могу сделать...
15983 просмотров
schedule
24.12.2022
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 просмотров
schedule
15.07.2022
Изменить стиль при наведении компонентов semantic-ui-react
если я настрою className для определенных компонентов, таких как
<Segment className="Change" color='blue' inverted></Segment>
и в моем css я использую
.Change:hover{
background-color: black; //or any other change on hover
}...
12507 просмотров
schedule
10.04.2023
Изменение содержимого при щелчке и наведении курсора во всплывающем элементе пользовательского интерфейса 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 просмотров
schedule
07.08.2023
Конструктор тем Semantic UI для нескольких тем Semantic UI с поддержкой имен классов Font Awesome и оригинальной демонстрацией документов Semantic UI React
Я большой поклонник Semantic UI и особенно Semantic UI React. Помимо того, что они отличные библиотеки, их документы потрясающие.
Однако написание и поддержка тем для их компонентов может быть обременительным. И становится еще труднее писать,...
875 просмотров
schedule
05.11.2022
Горизонтальное выравнивание элементов - Semantic-UI-react
Решение : добавьте строку "inline" в Form.Group. Codepen: https://codesandbox.io/s/88v6zl66q8
Я настраиваю группу формы выбора в семантическом пользовательском интерфейсе в React. Однако выравнивание не по горизонтали, поэтому элементы выбора...
4053 просмотров
schedule
18.05.2022