Публикации по теме 'react-bootstrap'
Введение в React-Bootstrap
Желая использовать сеточные системы и панели навигации на личном веб-сайте, который я создавал, я решил установить response-bootstrap, модуль узла, который загружает функции начальной загрузки через отдельные компоненты React.
Установка немного отличалась от обычной в том смысле, что, хотя вы по-прежнему используете npm install react-bootstrap --save , вы должны также установить загрузочный css. Это связано с тем, что нет стандартной темы начальной загрузки, которую используют все, и..
Создайте веб-приложение с помощью React.js + Rails
Создайте веб-приложение с помощью React.js + Rails
История пользователя выглядит следующим образом:
пользователь может искать и просматривать книги с подробностями пользователь может искать и открывать видео с YouTube пользователь может искать и просматривать фильмы с подробностями
# Структура проекта #
Пользовательский интерфейс построен с помощью React.js. Используются следующие ключевые концепции: компоненты с состоянием и без состояния, хуки, react-redux и несколько..
Путешествие по СПА-портфолио ч. 1
Одностраничное приложение с React и React-Bootstrap.
Когда я создаю сайт-портфолио, я сталкиваюсь с несколькими разными, но очень распространенными проблемами, с которыми, я думаю, каждый должен иметь дело.
Сначала я использовал навигационные ссылки и маршрутизацию на стороне клиента для многостраничного сайта, но чем больше я думал об этом, тем больше мне хотелось использовать одностраничное приложение (SPA) только потому, что мне не казалось, что у меня достаточно контента для..
Вопросы по теме 'react-bootstrap'
Цвет фона React-Bootstrap
Я пытаюсь изменить цвет фона моей кнопки React-Bootstrap.
я сделал это
const btn ={backgroundColor: '#F16E10'};
<Button bsStyle="" bsClass="btn" bsSize="large" onClick={this.handleEvent}>Something</Button>
Но не работает, у кого...
13497 просмотров
schedule
02.11.2021
Как правильно создать эту модальную реакцию?
Я работал над своим первым приложением Meteor и немного застрял. Я хочу создать свой код в соответствии с последними рекомендациями (ES6 и React 15), но меня смущают все недавние изменения в Javascript.
Я хочу добавить Bootstrap Modal в свой...
453 просмотров
schedule
10.10.2021
Добавить пользовательские реквизиты в пользовательский компонент
Я создал свой собственный компонент Popover с реактивной загрузкой:
export default class MyPopover extends Component {
// ...
render() {
return (
<Popover {...this.props} >
// ....
</Popover>
);...
8810 просмотров
schedule
28.11.2021
Как вы можете надежно измерить компоненты React для вычисленного положения всплывающих окон и выноски?
Я использую реакцию и реакцию-бутстрап. Я хочу знать, есть ли лучший, более чистый и идиоматический подход, чем то, что я придумал.
Эта проблема
Я хочу разместить выноску всплывающего окна, которая указывает на кнопку на моей странице, которая...
220 просмотров
schedule
14.09.2021
как применить валидацию в draftjs
У меня есть форма, которая включает электронную почту от, тему и текст, в котором используются черновики для редактора форматированного текста. Я мог бы проверить другие поля, но как я могу проверить редактор draftjs. Когда я нажимаю на редактор для...
1169 просмотров
schedule
03.10.2021
Импортировать jquery и bootstrap в reactjs как ES6
Когда я пытаюсь использовать jquery и bootstrap. Я получил ошибку ниже
Import in body of module; reorder to top import/first
Найдите нижеприведенный порядок, который я использую.
import React, {Component} from 'react'
import jquery from...
633 просмотров
schedule
03.10.2021
React-Bootstrap и Bootstrap-sass modal.scss не загружаются
У меня есть приложение для реагирования, которое использует response-bootstrap + bootstrap-sass.
Я загружаю файл bootstrap.scss в свой основной app.scss следующим образом:
@import '~bootstrap-sass/assets/stylesheets/_bootstrap';
На своей...
546 просмотров
schedule
12.10.2021
React-bootstrap событие захвата панели навигации onToggle
Типичный сценарий навигации с реактивной загрузкой. Я создал настраиваемый раскрывающийся список (сворачивание), так как мне не понравилась версия начальной загрузки. Проблема, с которой я столкнулся, заключается в захвате события onToggle Navbar,...
1153 просмотров
schedule
14.09.2021
Кнопка React onClick привязана правильно, но не работает
Кнопка в компоненте реакции не предоставляет функцию в onClick при рендеринге DOM. Проверка элемента показывает, что свойство элемента кнопки имеет f noop ()
Куда пропала моя функция?
Я делаю одностраничную веб-страницу React, которая...
2216 просмотров
schedule
02.12.2021
Как отправить форму через кнопку вне формы?
Я хочу отправить форму с помощью кнопки, которая находится за пределами формы, и выполнить проверку этой формы. Я использую тег формы из react-bootstrap.
Мой код не проверяет форму
<Form
noValidate
validated={validated}...
2676 просмотров
schedule
26.09.2021
Есть ли способ переключать атрибуты из любых столбцов в таблице начальной загрузки реакции?
Я использую библиотеку реакции response-bootstrap-table в нашем проекте для создания таблиц и хотел бы теперь, если есть способ переключать атрибуты из "TableHeaderColumn"
Например, в примере кода ниже я хотел бы добавить или удалить атрибут...
204 просмотров
schedule
28.10.2021
Таблица начальной загрузки React не меняет размер
Я пытаюсь изменить свой response-bootstrap-table2, однако он не соответствует ни одной из переданных мной опций. Вот как выглядит часть моего оператора return для опций, которые передаются в компонент таблицы. Вот полезная ссылка , чтобы далеко...
243 просмотров
schedule
13.09.2021
Предупреждение: findDOMNode устарел в StrictMode при использовании реакции-начальной загрузки Navbar
Я попытался использовать компонент Navbar response-bootstrap в шаблоне машинописного текста и обнаружил предупреждение ниже в консоли Chrome.
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of...
16042 просмотров
schedule
05.11.2021
Как расширить отдельную карту при использовании аккордеона react-bootstrap
У меня есть набор столбцов, который в настоящее время расширяет все карты при использовании аккордеона react-boostrap. Я хотел бы развернуть каждую отдельную карточку при нажатии на каждую отдельную ссылку, но у меня есть некоторые трудности с тем,...
456 просмотров
schedule
13.11.2021
Команда npm install [email protected] выдает ошибку ENETUNREACH
Я успешно использовал команду create-response-app, и команда npm start сработала. Но когда я попытался установить программу начальной загрузки с помощью npm install [email protected] --save , она выдала ошибку «ENETUNREACH». Я использую npm...
114 просмотров
schedule
27.09.2021
Как я могу получить доступ к значениям из формы, созданной с помощью Reactbootstrap, когда пользователь нажимает кнопку отправки, я не могу получить значения
Это код, с которым я сейчас работаю. Итак, как можно собирать значения из формы? В submitHandler, как я могу увидеть значения из электронной почты, запроса и fullName. Я привык к onChange, но есть ли способ получить значения, используя только...
97 просмотров
schedule
27.11.2021
Как создать сворачиваемый список с помощью компонента Reactjs с переключателем плюс минус вместе с текстом заголовка
Я создал компонент React для меню боковой панели. Я не хочу использовать для этой цели самонастраивающийся аккордеон. Я хочу создать список меню с переключателем «плюс-минус». В приведенном ниже коде, если открыты элементы списка в разделе...
1287 просмотров
schedule
12.09.2021
Остановить закрытие модального окна при внешнем клике в React
Я использую response-bootstrap для модального компонента.
Вот мой код импорта.
import React from "react";
import Modal from "react-bootstrap/Modal";
import ModalBody from "react-bootstrap/ModalBody";
import...
190 просмотров
schedule
23.09.2021
Повторно заполнить раскрывающийся список Выбрать в зависимости от другого выбора в форме Formik
У меня есть два раскрывающихся списка, где выбор параметра справа должен обновить параметры слева.
Первый - frequencyDays , второй - frequencyInterval .
Предположим, у меня есть функция, которая вернет массив <option> s для данного...
43 просмотров
schedule
12.09.2021
Как сдвинуть выпадающее меню влево?
У меня есть раскрывающееся меню под раскрывающимся списком информации о пользователе на моей панели навигации с использованием реакции начальной загрузки. Все работает правильно, но раскрывающееся меню смещено слишком далеко вправо, что приводит к...
128 просмотров
schedule
08.11.2021