Публикации по теме 'reactstrap'


Базовая динамическая разбивка на страницы таблицы на стороне клиента с помощью reactstrap
Когда вы разрабатываете на Reactjs, бывают случаи, когда стоит взглянуть на другие библиотеки для получения упакованных и хорошо протестированных компонентов, а не разрабатывать свои собственные компоненты с нуля. Некоторые из этих компонентов очень стабильны и существуют уже довольно давно. Reactstrap - это пример очень стабильной библиотеки, в которой есть несколько общих компонентов многократного использования, которые можно использовать. Reactstrap имеет предварительно..

Вопросы по теме 'reactstrap'

Как скрыть элемент в мобильной версии
Я использую React и Bootstrap 4. Как скрыть элемент в мобильной версии? <Container fluid> <Row> <Col sm={12} md={3} hidden-xs-down> </Row> </Container> не работает.
234 просмотров
schedule 21.10.2022

Как в reactstrap передать параметры в Jumbotron от вызывающего компонента?
Я думаю, мне нужно использовать параметр tag для выделения реквизита для Jumbotron, но я не понимаю синтаксис, приведенный на странице компонентов responsestrap. Jumbotron.propTypes = { // Pass in a Component to override default element...
398 просмотров
schedule 23.05.2023

Всплывающая подсказка Reactstrap вызывает ошибку: цель «TooltipExample» не может быть идентифицирована в dom
Я следую примеру кода, касающемуся подсказок в Reactstrap: constructor(props) { super(props); this.state = { tooltipOpen: true }; } . . . render() { return ( <div> <p>Somewhere in here is a <a...
7550 просмотров
schedule 07.11.2023

HTML-тег карусели Reactstrap для переменной
добрый день всем. Я новичок в приложении React, и я использую Reactstrap для моей карусели. Я просто скопировал код из документации по реакции. и я хочу добавить тег html к переменной элемента. но просто распечатайте теги html на моем веб-сайте....
780 просмотров
schedule 17.07.2022

Media Object не отображает изображения
import React from 'react'; import ReactDOM from 'react-dom'; import 'bootstrap/dist/css/bootstrap.min.css'; import './index.css'; import App from './App'; import registerServiceWorker from './registerServiceWorker'; ReactDOM.render(<App...
1288 просмотров
schedule 03.10.2022

Выпадающий список React-Select скрыт активным состоянием разбиения на страницы
Реактивная версия версии 5.0.0-альфа.4 реагировать версии 16.1.1 загрузочная версия 4.0.0-альфа.6 реагировать-выбрать 2.0.0-бета.2 Я использую реактивный ремешок с реакцией-выбором. Когда я раскрываю элемент выбора реакции, он появляется...
750 просмотров
schedule 01.02.2023

Укажите размер файла формы React Bootstrap
У меня есть форма: <CustomInput onChange={this.handleUpload} label={this.state.picture.name} type="file" accept="image/*" /> Я могу успешно принимать только файлы изображений. Я пытаюсь найти способ принимать только файлы изображений...
1645 просмотров
schedule 30.12.2022

Реагировать невозможно найти узел на отключенном компоненте
Я пробую свои силы в Bootstrap с React, и все идет не очень хорошо. Я пытаюсь использовать класс Collapse из reactstrap, чтобы реализовать какое-то простое адаптивное поведение Navbar, но React бросает: react-dom.development.js:55 Uncaught...
3858 просмотров
schedule 25.04.2023

Реагировать: изменить модальное содержимое, не передавая целые элементы DOM в качестве реквизита?
Я новичок в React, и в настоящее время я пытаюсь создать модальный пользовательский интерфейс с двумя фактами аутентификации в своем проекте. Modal также выглядит относительно шаблонно. Заголовок Сообщение Модальное содержимое (которое...
170 просмотров
schedule 04.09.2023

ReactJs и Typescript, как изменить состояние переменной внутри объекта при использовании TSX
Я пытаюсь применить следующий список раскрывающихся списков реакции, переключая isOpen внутри каждого массива объектов в машинописном тексте. Я получаю объект от redux, который имеет следующую структуру: Object.InnerObject.Array [isOpen, isOpen, ...]...
738 просмотров
schedule 22.04.2022

React Переключить активный класс между несколькими кнопками Reactstrap
Я новичок в React и Reactstrap. Я пытаюсь установить активный класс или активный атрибут для одной кнопки при нажатии. Моя текущая настройка переключает все кнопки одновременно. Как лучше всего переключать активные состояния независимо между...
2422 просмотров
schedule 16.12.2022

React ref с использованием модуля ввода reactstrap не имеет свойства Value
У меня есть компонент реакции со следующим элементом ввода: import React, { Component } from 'react'; import {Input } from 'reactstrap'; constructor(props) { super(props) this.test = React.createRef(); } render() {...
3100 просмотров
schedule 03.08.2023

Проблема с отображением изображения карусели в reactstrap (предыдущие сообщения не помогли)
Я безуспешно пытался использовать эти прошлые сообщения: img не отображается в карусели responsestrap Reactstrap - отображение локального изображения на карусели Я пытаюсь отобразить локальное изображение на карусели reactstrap. Когда я...
151 просмотров
schedule 21.09.2022

Как изменить ширину элемента ‹Input› в Reactstrap?
Я хочу уменьшить ширину входного элемента с помощью Reactstrap, как мне это сделать? Я попытался установить bsSize на small, но он все еще не работает <InputGroup> <Input type="text" name="searchTxt"...
4452 просмотров
schedule 11.01.2023

Как добавить флажок к пунктам меню в Reactjs?
Я делаю динамические меню, используя рекурсивную функцию, и я уже сделал меню, и они отображаются в правильном порядке без каких-либо проблем. Требование: Здесь мне нужно найти последний уровень меню , и мне нужно назначить флажок со...
356 просмотров

Как добавить вертикальную прокрутку к содержимому слайдов карусели в Reactstrap
Я хочу добавить статьи в эту карусель, но когда содержание внутри слайда превышает фиксированную длину, это выглядит так, как показано ниже. На данный момент я жестко запрограммировал элементы. import React, { Component } from 'react'...
1247 просмотров
schedule 28.05.2024

Выпадающая кнопка не работает должным образом в Reactstrap | React JS
Я работаю над проектом реакции, используя компонент Button Dropdown Reactstap . Выпадающий список работает правильно, но когда он открывается, он перекрывает контент на веб-сайте (в моем случае это просто таблица реакции , в которой я показываю...
824 просмотров

Карты React strap не могут выровнять элементы в соответствии с размером экрана
Я использую карточки React, чтобы показывать динамические карточки. Я хотел показать 4 карты для рабочего стола в одной строке и 1 карту для мобильной версии, но она всегда идет вертикально, карты не отображаются по горизонтали. Компонент карты...
538 просмотров

Как сбросить значение компонента Select и Input в реакции на нажатие кнопки?
У меня есть два компонента Select и Input из библиотеки reactstrap . Элемент выбирается из раскрывающегося списка и дается ввод, нажимается кнопка добавления, чтобы отправить данные в таблицу, но предыдущие вводы остаются в полях после его...
160 просмотров
schedule 14.07.2023

Как я могу переключить только один Reactstrap Collapse?
Я разрабатываю приложение Next.JS, в котором перечислены некоторые пользователи Github, и когда я нажимаю на конкретное поле пользователя, их поле должно переключаться с помощью Reactstrap Collapse. Но все поля переключаются одновременно, независимо...
60 просмотров
schedule 14.12.2022