Публикации по теме '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 просмотров
schedule
30.11.2022
Семантический интерфейс, разница между таблицей и сеткой?
Я хотел бы создать несколько строк + несколько столбцов.
Я думаю, что могу использовать таблицу или сетку.
Какой из них я должен использовать вместо другого и почему?
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 просмотров
schedule
25.11.2022
Semantic-UI Sidebar.Pusher заставляет реагирующий маршрутизатор повторно отображать свой компонент
Я использую реагирующий маршрутизатор и боковую панель semantic-ui. Когда боковая панель переключается между видимой и невидимой, маршрутизатор инициирует воссоздание своего компонента ( OilBarrelComponent ) (а не просто «отправляет»). Это кажется...
1043 просмотров
schedule
10.09.2023
Отображать 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 просмотров
schedule
02.04.2022
Как изменить цвет шрифта в семантическом 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 просмотров
schedule
14.05.2022
Как получить данные из строки таблицы, используя компонент Semantic React Table
Я пытаюсь получить значение клика из таблицы, которую я отображаю с помощью семантического пользовательского интерфейса с React. Я генерирую свою строку, используя неизменяемый список, и мне нужен щелчок, который дает доступ к уникальному значению...
6341 просмотров
schedule
18.05.2023
Сопоставление массива объектов props уменьшает (суммирует) значения в объектах в React
У меня есть несколько объектов props, и я передаю их в массив. каждый объект содержит значение точки. Я пытаюсь суммировать все значения в объектах и передать результат в компонент Semantic-ui-react Statistics.
const withoutSpousePointsArray =...
3217 просмотров
schedule
19.08.2022
Укажите несколько обратных критериев для сетки
В обычном семантическом пользовательском интерфейсе мы можем сделать это:
<div class="ui mobile reversed tablet reversed equal width grid container">
Это отобразит столбцы в обратном порядке на мобильных устройствах и планшетах....
445 просмотров
schedule
13.05.2023
С 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 просмотров
schedule
25.09.2022
Как я могу протестировать стиль компонента React с помощью Jest + Enzyme?
Хорошо, у меня есть компонент под названием <TestButton /> . Внутри <TestButton /> есть два компонента Semantic UI React, <Button /> и <Header> .
По сути, при нажатии на <Button> происходит переключение с...
12060 просмотров
schedule
24.09.2022
Добавьте входное значение в раскрывающийся список Semantic UI в React
Недавно у меня был выбор ввода, но с двусторонней привязкой к моим полям ввода. Выбор ввода имеет значения полей ввода в качестве параметров. С семантическим пользовательским интерфейсом мне нужно использовать массив. Как мне обновить состояние...
1722 просмотров
schedule
18.01.2024