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


Выпадающий список с поиском с помощью Semantic UI React
Выпадающий список — это здорово, но знаете, что делает его лучше? с поиском! Как это сделать с помощью Semantic UI React : Сначала проверьте документацию, затем вы получите const countryOptions = [ { key: 'apple', value: 'apple', text: 'apple' }, { key: 'banana', value: 'banana', text: 'banana' }, { key: 'coconut', value: 'coconut', text: 'coconut' }, ] const SelectFruit = () => ( <Select placeholder='Select your fruit' options={fruitOptions} /> ) export..

Как интегрировать Semantic UI React и Gatsby JS
Использование Semantic UI React с Gatsby JS - надежное решение для сверхбыстрой настройки сайта. (Скажите это в пять раз быстрее.) Однако их совместное использование временами может вызвать ошибки, и если вы не будете осторожны, вы можете потеряться в сорняках. Прочтите, чтобы получить прямое объяснение того, как интегрировать Gatsby JS и Semantic UI React. Прежде чем мы начнем : вносите ли вы изменения в существующий проект или начинаете с нуля? Если вы запускаете свой проект..

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

semanti-ui-react Dropdown — как перестать менять заполнитель при открытии?
Пытаясь заставить работать только базовый раскрывающийся список semantic-ui-react , я не могу понять, как предотвратить placeholder принимать значение первого option при открытии раскрывающегося списка. Это вообще возможно? Ручка с примером...
665 просмотров
schedule 01.01.2023

Проверка формы с помощью Semantic-UI-React
Я использую официальные компоненты Semantic UI React для создания веб-приложения. У меня есть форма на моей странице регистрации, которая содержит поле электронной почты, поле пароля и поле подтверждения пароля. import {Component} from...
32486 просмотров

Семантический интерфейс, разница между таблицей и сеткой?
Я хотел бы создать несколько строк + несколько столбцов. Я думаю, что могу использовать таблицу или сетку. Какой из них я должен использовать вместо другого и почему?
10253 просмотров
schedule 12.07.2022

Как использовать темы Semantic UI в Semantic UI React?
Есть подробные инструкции по темам в традиционном семантическом интерфейсе пользователя, но эквивалентный раздел отсутствует в сайт Semantic UI React. Означает ли это, что он не поддерживает создание тем, или вы можете использовать традиционный...
5296 просмотров
schedule 21.07.2022

Реагировать на открытие модального окна при изменении маршрута
Я создаю приложение React / Redux с модальным окном входа, которое должно открываться, когда пользователь переходит к /user/signin . Перед загрузкой компонента страницы отправьте действие, чтобы установить isModalOpen в значение true. Модальный...
1734 просмотров

Semantic-UI Sidebar.Pusher заставляет реагирующий маршрутизатор повторно отображать свой компонент
Я использую реагирующий маршрутизатор и боковую панель semantic-ui. Когда боковая панель переключается между видимой и невидимой, маршрутизатор инициирует воссоздание своего компонента ( OilBarrelComponent ) (а не просто «отправляет»). Это кажется...
1043 просмотров

Отображать svg с помощью семантического пользовательского интерфейса?
Как отображать изображения с помощью компонента Semantic-UI-React Image? Я заметил, что в версии без реакции говорится, что она поддерживает svg и img , но в версии с реакцией не указано, поддерживает она или нет. что я делаю <Image...
1211 просмотров
schedule 24.07.2023

Реагируйте с помощью семантического пользовательского интерфейса, динамически добавляйте реквизиты
Semantic-UI имеет этот компонент React, Segment , который я занимательный. В моем приложении я использую onMouseOver с сегментом, например: render() { return ( <Segment onMouseOver={this.handleHover} /> ); } Я...
1115 просмотров

Как изменить цвет шрифта в семантическом UI React Accordion
В настоящее время я пытаюсь использовать аккордеонный компонент Semantic UI React и не могу понять, как изменить цвет и стрелку на белый. https://semantic-ui.com/modules/accordion.html В CSS вы можете видеть, что виджет имеет стиль, который...
5799 просмотров
schedule 13.05.2022

Отзывчивый семантический пользовательский интерфейс React Grid, Columns, Rows
У меня возникли проблемы с тем, чтобы сетка Semantic UI React полностью реагировала, по крайней мере, реагировала так, как я хочу для рабочего стола, планшета и мобильного устройства. У меня есть следующие три компонента, которые я отображаю в...
13659 просмотров

Как получить данные из строки таблицы, используя компонент Semantic React Table
Я пытаюсь получить значение клика из таблицы, которую я отображаю с помощью семантического пользовательского интерфейса с React. Я генерирую свою строку, используя неизменяемый список, и мне нужен щелчок, который дает доступ к уникальному значению...
6341 просмотров
schedule 18.05.2023

Сопоставление массива объектов props уменьшает (суммирует) значения в объектах в React
У меня есть несколько объектов props, и я передаю их в массив. каждый объект содержит значение точки. Я пытаюсь суммировать все значения в объектах и ​​передать результат в компонент Semantic-ui-react Statistics. const withoutSpousePointsArray =...
3217 просмотров

Укажите несколько обратных критериев для сетки
В обычном семантическом пользовательском интерфейсе мы можем сделать это: <div class="ui mobile reversed tablet reversed equal width grid container"> Это отобразит столбцы в обратном порядке на мобильных устройствах и планшетах....
445 просмотров

С Semantic UI React, как создать ввод тега, аналогичный переполнению стека?
Я заинтересован в создании функции ввода тегов, такой как переполнение стека, где набор функций включает: Поле ввода, которое имеет функцию автозаполнения (принимает пользовательский ввод, извлекает результаты с сервера и отображает эти...
3364 просмотров
schedule 17.08.2022

Как программно сфокусировать компонент поиска в Semantic UI React?
Поскольку вопрос говорит сам за себя, я не могу сфокусировать компонент Semantic UI Search программно. Я старался: <Search category fluid loading={isItemLoading} onResultSelect={this.handleItemResultSelect}...
1840 просмотров
schedule 13.02.2023

Что заставляет элементы Semantic-UI-React нарушать работу моего базового приложения Reactjs?
Я новичок в React и пытаюсь использовать Semantic-ui-react. Я выполнил инструкции по установке React и Semantic UI React , но я получаю следующую ошибку (подробные снимки экрана см. по ссылкам и цитата ниже) в консоли разработки / браузере каждый...
1197 просмотров
schedule 21.08.2022

Пользовательская окраска полосы прогресса Semantic-UI-React
Я хочу динамически изменять цвет индикатора прогресса Semantic-UI-React (не из предварительно заданных цветов). Свойство color компонента Progress принимает только заранее заданные значения. Когда я прохожу style={{color: '#FFCC66'}} , ничего не...
1314 просмотров
schedule 29.06.2022

Как иметь направление справа налево в реакции-бутстрапе?
Я хочу создать пользовательский интерфейс реакции с направлением справа налево. До сих пор я тестировал начальную загрузку className="pull-right" или переопределение свойств CSS вручную с помощью *{direction:rtl;} и .float-right:{float:right;}...
2258 просмотров

Как я могу протестировать стиль компонента React с помощью Jest + Enzyme?
Хорошо, у меня есть компонент под названием <TestButton /> . Внутри <TestButton /> есть два компонента Semantic UI React, <Button /> и <Header> . По сути, при нажатии на <Button> происходит переключение с...
12060 просмотров

Добавьте входное значение в раскрывающийся список Semantic UI в React
Недавно у меня был выбор ввода, но с двусторонней привязкой к моим полям ввода. Выбор ввода имеет значения полей ввода в качестве параметров. С семантическим пользовательским интерфейсом мне нужно использовать массив. Как мне обновить состояние...
1722 просмотров
schedule 18.01.2024