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


Поднимите свой пользовательский интерфейс на новый уровень: создайте потрясающие карусели с помощью React Bootstrap
В сфере современной веб-разработки пользовательские интерфейсы играют ключевую роль в привлечении пользователей и обеспечении незабываемых впечатлений. Используя мощь React и гибкость Bootstrap, вы можете создавать визуально привлекательные компоненты, которые выделяются. В этом всеобъемлющем руководстве мы углубимся в мир Карусели React Bootstrap Carousel , изучая, как объединить функцию динамической карусели с универсальным компонентом карты для создания потрясающих интерактивных..

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

ModalTrigger: Uncaught TypeError: невозможно прочитать свойство toUpperCase неопределенного
Обновление: я обнаружил, что ModalTrigger устарел: 1b1af04 [изменено] устарело Сейчас я расследую это. У меня проблемы с реакцией-бутстрап ModalTrigger. Следующее использование работает, но после обновления до "react-bootstrap": "^0.25.1",...
465 просмотров
schedule 18.11.2023

Неожиданный токен после const
Я получаю неожиданную ошибку токена в React, когда пытаюсь указать константу, и я не могу понять, почему. Мой код довольно прост, и я следовал примерам react-bootstrap здесь почти точно. Мой код выглядит следующим образом: import {...
11101 просмотров
schedule 26.01.2024

раскрывающееся меню внутри заголовка сворачиваемой панели response bootstrap
Я использую реактивную загрузку. Я использую складные панели из библиотеки и хочу знать, есть ли способ добавить раскрывающееся меню в заголовок панели, не вызывая события свертывания панели. это код панели, который я использую: <Panel...
1941 просмотров

rails — активы по-прежнему обслуживаются, даже если они прокомментированы в app.js
Я пытаюсь использовать react-bootstrap, но борюсь со следующей ошибкой: Неперехваченное нарушение инварианта: addComponentAsRefTo(...): Только ReactOwner может иметь ссылки. Возможно, вы добавляете ссылку на компонент, который не был создан...
37 просмотров
schedule 08.01.2024

react-bootstrap: реквизит диалогового окна ModalClassName не работает
Я использую реквизит dialogClassName, чтобы изменить ширину модального окна на 90%. CSS ничего не меняет. Я убедился, что style.css отлично работает для всех остальных классов. Решение в этом вопросе SO не т работать. документация также не...
3998 просмотров
schedule 19.05.2024

React-bootstrap модальный, как обрабатывать дочерний компонент?
Я использую модальный код на основе примера кода из документации: https://react-bootstrap.github.io/components.html#modals-live . Я хочу, чтобы дочерний компонент отображался только тогда, когда 1) данные готовы, и 2) когда модальное окно открыто....
1056 просмотров
schedule 25.11.2023

react-bootstrap — пользовательский класс контейнера для панели навигации?
Я разрабатываю проект с использованием react-bootstrap и замечаю, что компонент Navbar вставляет содержимое панели навигации в container div, и мне было интересно, есть ли способ переопределить это и задать собственный класс? Я вижу, что вы...
1706 просмотров

Могу ли я поместить обработанный компонент в хранилище потоков?
Я пытаюсь создать общий модальный компонент для своего приложения на основе модального компонента react-bootstrap. Цель состоит в том, чтобы сделать его единственным в приложении, чтобы иметь возможность обмениваться модальным телом без повторного...
43 просмотров

добавить всплывающее окно при нажатии на событие в большом календаре реакции?
У меня возникают проблемы с добавлением всплывающего окна к событию при нажатии на него. всплывающее окно, кажется, появляется только в слоте события, а не поверх слота события. Кроме того, поскольку я создал настраиваемый компонент для событий и...
2937 просмотров

Нарушение инварианта: ожидается, что React.Children.only получит один дочерний элемент React.
Я продолжаю получать нарушение инварианта, и я действительно не знаю, почему ... это определенно связано с OverlayTriggers. При их отключении все работает нормально. Импорт: import Col from 'react-bootstrap/lib/Col'; import Row from...
17272 просмотров
schedule 26.10.2023

Реагируйте, как закрыть всплывающее окно с модальным
С react-bootstrap у меня есть всплывающее окно, содержащее список. При нажатии на один из элементов списка открывается модальное окно. Как закрыть всплывающее окно при открытии модального окна? Я попытался: rootClose но это не работает...
1637 просмотров

Флажок React Bootstrap в Nav -> NavItem не перерисовывается при нажатии
У меня есть своеобразная проблема с использованием Nav и NavItem с флажком из React Bootstrap. Дело в том, что если я нажму непосредственно на флажок, а не на кнопку NavItem, флажок не будет отображаться правильно, но мое состояние обновилось....
1025 просмотров

React-Bootstrap: модальный в DOM, но неправильно отображается на странице
У меня есть модальный дочерний элемент, вызываемый из родительского компонента с помощью кнопки, модальный вид просматривается в DOM и, похоже, запускается на странице, однако он не отображается. Вот код как для родителя, так и для ребенка:...
345 просмотров
schedule 02.01.2024

Реализация компонента выбора React-Bootstrap в качестве контролируемого компонента
Наш сайт оформлен с помощью Bootstrap. Я пытаюсь реализовать компонент выбора React-Bootstrap. Как мне превратить его в контролируемый компонент? Точнее, как отметить выбранный вариант. Обычно это свойство value в родительском компоненте. Это то,...
541 просмотров
schedule 15.11.2022

React - глючные проблемы с моим простым компонентом переключателя, размещенным в сетке css
Я создаю свое первое приложение для реагирования, и важным компонентом для моего приложения является эстетический набор переключателей, которые будут использоваться на большинстве страниц моих приложений, значения которых используются для фильтрации...
196 просмотров

ReactBootstrap css Проблемы при импорте bootstrap.min.css
Я создаю веб-сайт React с помощью ReactBootstrap. Я сделал Navbar и Carousel с помощью ReactBootstrap и компонента Footer.js с MdBootstrap. После того, как я импортировал Bootstrap.min.css в свой Footer.js, Carousel.jsx и CustomNavbar, jsx больше не...
348 просмотров
schedule 13.01.2024

вкладки response-bootstrap - содержимое не отображается
вкладки не отображают содержимое, и на вкладках нет стиля вкладки не отображают содержимое, вот код. как я могу это решить? Что я делаю неправильно? этот код почти похож на код на странице реакции-начальной загрузки //simple tabs.js...
3017 просмотров

React bootstrap onclick list-group-item выделить элемент / активный
У меня есть 2 панели с группой списков на каждой панели. Я использую бутстрап. Проблема: при нажатии первого элемента-группы-списка на панели 1 изменяется style = "success" , но когда я нажимаю на второй элемент-группа-список на панели 1, стиль...
3709 просмотров
schedule 16.11.2022

React-bootstrap Модальный компонент открывает / закрывает все модальные окна, когда я отображаю список
Новичок в программировании, поэтому извините, если я это неправильно сформулировал. Я использую .map для рендеринга и перечисления каждого элемента в массиве. Для каждого элемента я хочу, чтобы модальное окно открывало / закрывало только конкретное...
820 просмотров
schedule 25.12.2023

вкладка начальной загрузки и проблема с каруселью
У меня есть вопрос. У меня есть три разных вкладки Bootstrap. На каждой вкладке есть разные элементы карусели. Я хотел бы активировать карусель при выборе вкладки. в настоящее время он активируется при загрузке страниц. Когда я выбираю третью...
432 просмотров