Описание тега semantic-ui-react

Semantic-UI-React - это официальная интеграция React для Semantic UI.
1 ответ

Как получить данные из щелчка строки таблицы с помощью компонента React Table от Semantic

Я пытаюсь получить значение по клику из таблицы, которую я отображаю с помощью Semantic UI с React. Я генерирую свою строку, используя неизменный список, и я хочу щелчок мышью, который дает доступ к уникальному значению идентификатора. Когда я регис…
14 сен '17 в 16:13
0 ответов

SharePoint:FormDigest замораживает Semantic-Ui-React Grid.Column onClick

Я занимаюсь разработкой веб-приложения Sharepoint 2013. Пользовательский интерфейс приложения работает нормально без sharepoint, но добавление Sharepoint:FormDigest имеет странный побочный эффект, который предотвращает повторное открытие формы seman…
11 мар '18 в 10:50
1 ответ

Я использую семантический интерфейс реагирования карты. Я пытаюсь создать игру памяти. Есть ли способ, которым я могу иметь флип анимацию для карты.

Моя карточка Компонент <Card image={card.flipped || card.discovered ? card.url : 'http://flotrend.com/wp-content/uploads/2016/06/placeholder-400x400.png'} onClick={() => flipCard(card.id)} /> В библиотеке есть компонент Reaveal. как ниже. i…
24 авг '17 в 13:33
1 ответ

Получить значение кнопки из семантического пользовательского интерфейса реагировать

Я новичок в React. В настоящее время я сталкиваюсь с этой проблемой. Вот мой код handleClick(e) { console.log('Click happened'+" "+ e.target.value);//getting UNDEFINED here } В приведенном ниже коде locationArr содержит много мест { locationArr.map(…
20 мар '18 в 11:28
1 ответ

Как условно добавить атрибут к элементу Semantic UI React?

Я использую Semantic UI React для базового интерфейса. Я использую Dimmer модуль, который я хочу условно применить active атрибут, в зависимости от того, загружается ли страница в данный момент. Загружается страница или нет, указывается переменной с…
23 авг '18 в 21:16
1 ответ

Как динамически визуализировать карты в React Semantic UI

Я сопоставил свое хранилище редуксов с реквизитом, но теперь у меня возникают проблемы с его динамическим рендерингом. Я также пытался projectCards(){...} синтаксис, но это был полный выстрел в темноте. Журналы моей консоли показывают объекты, прохо…
1 ответ

Компонент Semantic-UI-React Responsive отображает элемент, несмотря на значения minWidth/maxWidth

У меня есть компонент, где я хочу визуализировать различные компоненты в зависимости от размера экрана. Если я перезагружаю страницу в мобильном режиме, все в порядке, NavBarMobile отображается, а NavbarDesktop - нет. Если я перезагружаю страницу в …
1 ответ

semantic-ui-реакции Список объявлений по клику

Я пытаюсь создать список документов динамически с семантической-UI-реагировать. Я хочу вернуть заголовок документа при нажатии на элемент списка. Согласно документации: https://react.semantic-ui.com/elements/list есть onItemClick по этой причине, од…
25 мар '18 в 22:36
0 ответов

Semantic-Ui-React с веб-частями SharePoint

Я пытаюсь использовать компоненты Semantic-Ui-React (например, Card, Tab, Grid и т. Д.) С веб-частью редактора контента SharePoint Online. Требование следующее: у меня есть данные в списках SharePoint, таких как новости, события и т. Д. Я хочу, чтоб…
13 сен '18 в 06:01
2 ответа

Получить триггерный элемент из всплывающего окна "Реакция-семантика" в шутке и фермент

Я пытаюсь написать несколько тестов, но я не нашел, как получить триггерный элемент из Popup реагирующего-семантического-UI. Кто-нибудь знает? Это всплывающее окно; Я хочу проверить иконку <Popup trigger={<Icon name='plus' color='green' onClic…
13 апр '18 в 11:36
1 ответ

Semantic UI React: у таблицы есть высота контейнера

У меня есть <Table> внутри <Grid>, Интервал сетки работает правильно. Однако, таблица, кажется, не заботится и переполняется: Придание столу высоты, кажется, не влияет на это вообще. Я хочу, чтобы Стол никогда не выходил из пространства,…
2 ответа

Как получить текст выбранной опции <Dropdown /> в ReactJS?

Я работаю над приложением ReactJS и пытаюсь получить текст выбранной опции в раскрывающемся меню (компонент семантического интерфейса); exposedCampaignOnChange = (e, {value}) =&gt; { this.props.campaignExposedSelected(value); }; &lt;Dropdown placeho…
24 май '18 в 08:43
1 ответ

Как сделать поле ввода как можно более широким внутри элемента меню в верхнем меню с помощью semantic-ui-реагировать

У меня есть заголовок для моего приложения. И это меню со многими пунктами. У меня есть menu.item, который оборачивает поле ввода (его целью является поиск заданного ввода по всему сайту). Я хочу, чтобы этот menu.item был таким же широким, как остав…
15 мар '18 в 13:42
1 ответ

<Link> от реакции-маршрутизатора внутри <Сегмент> от semantic-ui-реагировать

Я определил модал для мобильного представления в моем приложении реакции, используя библиотеку semantic-ui-Reaction. Модал состоит из набора тегов Segment, которые направляются на конкретную страницу с помощью тега Link от реакции-маршрутизатора. Фу…
09 авг '18 в 09:45
1 ответ

Можете ли вы разбить таблицу на разные страницы в Semantic-UI-React?

Я пытаюсь Semantic-UI-React. Я работал с Ant Design раньше. с помощью Ant Design при построении таблицы она автоматически разбивается на пару страниц (показывает около 10 строк на каждой странице). Может ли это быть достигнуто и в Semantic-Ui-React?…
1 ответ

Semantic UI React - Центр формы в сегменте?

Я пытаюсь центрировать группу форм внутри сегмента в семантическом интерфейсе. Установив контейнер textAlign в centerЯ могу сосредоточить все элементы, кроме Form.Group и Form.Inputэто содержит. Пример: https://jsfiddle.net/mgrnjtmj/ Можно ли центри…
14 июл '17 в 21:15
2 ответа

Как визуализировать узлы, использующие один и тот же триггер?

Мой пример использования - это то, что я упростил в следующем примере. Как сделать компоненты с одинаковым триггером? class SomeComponent extends Component { render() { let dropDownItem = &lt;DropDown.Item&gt; An Item! &lt;/DropDown.Item&gt; let mod…
12 авг '17 в 10:45
1 ответ

Модал занимает ~30 секунд, чтобы открыть

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

Измерьте высоту элемента в пользовательском интерфейсе семантической реакции

Я пытаюсь измерить высоту компонента. Если я пытаюсь получить ссылку и найти offsetHeight, ссылка всегда будет нулевой. Итак, как измерить высоту для компонента response-semantic-ui. &lt;Container ref={rf=&gt;this.container=rf} style={{overflowY:"au…
22 фев '18 в 20:13
1 ответ

Миниатюрная версия Semantic-UI-React Sidebar при развале

Можно ли использовать Semantic-UI-React вместо того, чтобы боковая панель полностью исчезла, уменьшив ее до минимальной версии?
31 июл '18 в 07:13