Реактивные компоненты без сохранения состояния для Bootstrap 4.

Подробнее про reactstrap...

На всю жизнь я не могу понять, почему событие щелчка не запускается в моем функциональном компоненте. Вот мой компонент: import React, { useState, useEffect } from 'react'; import { Collapse, Navbar, NavbarToggler, Nav, NavItem, NavLink, } from 'reactstrap'; import className....
Если у кого-то есть опыт работы с reactstrap и он может помочь мне с проблемой: у меня есть компонент ввода responsestrap, и я хочу применить «border: none» в styles.scss. В их документации я не вижу компонента ввода и того, какие реквизиты могут принимать. Я не знаю, могу ли я применить border: n....
5 Фев 2021 в 21:34
Reactstrap Uncontrolled Collapse не принимает строку шаблона! { state.data.map(datum => { return ( <> <Card id={`toggler${datum._id}`} className="mb-1 shadow-sm" > <CardBody> <div dangerouslySetInnerHTML={{ __html: dat....
22 Сен 2020 в 17:26
Мне нравится, как Reactstrap обрабатывает Modal, поэтому я хочу продолжать его использовать, но я не могу понять, как получить данные из формы и зафиксировать их в состоянии. const handleSubmit = (evt) => { evt.preventDefault(); alert(`Submitting Name ${name}`); }; С Reactstrap <Form onSu....
12 Сен 2020 в 04:19
У меня есть два компонента: < sizesSelect и < sizesInput из библиотеки reactstrap . Элемент выбирается в раскрывающемся списке, и предоставляется поле ввода, нажимается кнопка добавления, чтобы отправить данные в таблицу, но предыдущие входные данные остаются в полях после их добавления. Как мне ....
3 Сен 2020 в 21:46
У меня есть объект <select> в Reactstrap, созданный с помощью компонента Reactstrap <Input>. Я хочу программно отменить выделение выделенного объекта внутри него, поэтому я использую состояние для управления значением <select> и устанавливаю состояние как '' (пустая строка), когда я хочу очистить со....
Я прочитал документацию по reactstrap, и она помогает нам установить пакет npm, как показано ниже; npm install --save bootstrap npm install --save reactstrap react react-dom У меня вопрос: нужно ли устанавливать react и react-dom, разве эти два пакета не включены по умолчанию в приложение create-re....
14 Авг 2020 в 13:02
(Проект React с использованием Axios и react-strap) У меня есть массив из API, который возвращает следующий пример информации: { "$type": "Example", "id": 0, "statusSeverity": 10, "statusSeverityDescription": "Good Service", "created": "0001-01-01T00:00:....
7 Авг 2020 в 22:23
Я новичок в React, и у меня есть эта регистрация (родительский компонент), в которой есть инвентарь (дочерний компонент), и я меняю состояние инвентаря, когда пользователь вводит количество элемента, который он держит, поэтому я можете зарегистрировать их Но onChange, похоже, задерживается, я ввожу,....
Я использую реактивную ленту, чтобы построить свою таблицу, и я использую axios, чтобы публиковать и получать свои данные из моего бэкэнда. Я хочу иметь возможность изменить цвет фона ячейки () в зависимости от значения ячейки. Например, если значение ячейки <0,25, фоновый зеленый, если значение яче....
27 Июл 2020 в 10:51
Я использую React 16.13.0 и пытаюсь использовать компонент Alertactstrap для отображения сообщений при отправке определенных форм. Я разместил компонент Alert там, где я хочу, в своем шаблоне приложения ... import { Alert } from 'reactstrap'; function App() { return ( <Router> <div clas....
13 Июл 2020 в 21:54
Я собираюсь начать проект реагирования. Я хочу немного пояснить, как выбрать Material UI вместо Reactstrap. Материальный пользовательский интерфейс лучше, чем Bootstrap, как упоминалось в другом сравнении Bootstrap и Material UI для React? < / а>. Но я немного запутался в Reactstrap после прохож....
3 Июл 2020 в 08:45
У меня есть переменная filterStartHour, которая зависит от ввода пользователя (Reactstrap ввод типа time) Я пытаюсь преобразовать входные данные в формате hh:mm (например, 14:32 ) в ISO 8601 с текущей датой (например, 2020-06-29T14 : 32 : 00.000Z ) . Это то, что я пытался. this.setState({ filte....
29 Июн 2020 в 15:52
У меня есть компонент, в котором есть кнопка, например, <Button variant="primary" disabled={checkAccepted} onClick={openModal}>Send</Button> Я бы хотел, чтобы эта кнопка, когда она активна, открывала модальное окно при нажатии. Я не уверен, как это сделать, и возился с реквизитом, но не могу понять....
Я пытаюсь заставить мой модал открыться правильно. Я использую реактивный ремень. В настоящее время при нажатии на кнопку, чтобы отобразить ее, она отображается внизу: Также модальная кнопка закрытия находится в нижней части модального заголовка. Я хотел, чтобы модал открылся в середине страницы и ....
Это совершенно новая установка - я не помещал никаких переходов в компонент Alert Копировать код просто import React from "react"; import { Alert } from "reactstrap"; export const Index = () => { return ( <div> <Alert color='primary'>This is a primary alert — check it out!</Alert>....
7 Май 2020 в 03:26
Это метод рендеринга, как я вызываю обработчик и устанавливаю флажокactstrap. this.state.dishes.map( (dish, i) => ( <div key={i}> <CustomInput type="checkbox" id={i} ....
15 Апр 2020 в 23:46
Я сделал разборную кнопку с токенами внутри, используя реактивную ленту, и все работает нормально для свертывания нажатия кнопки. Мне бы хотелось, чтобы этот сценарий был таким, какой он есть, но, с другой стороны, как я могу изменить его, чтобы все разборные кнопки открывались при первоначальном от....
9 Апр 2020 в 06:11
Я создаю веб-приложение React.js для университетского проекта, который использует Reactstrap, а также мой собственный CSS. Я только что заметил, что у меня горизонтальная прокрутка, но я не могу понять, откуда она идет. Вы можете видеть дополнительное пространство на изображении, похоже, это связано....
30 Мар 2020 в 21:08
Я делаю вложенные меню и подменю, и все было сделано на данный момент .. Теперь мне нужно сделать так, чтобы это складное меню открывалось по умолчанию на основе заданного идентификатора. Вы также можете взглянуть на полный фрагмент рабочего кода ниже, const loadMenu = () => Promise.resolve([{id:"....
10 Мар 2020 в 14:05
Я создаю меню и подменю, используя recursion function, и мне нужна помощь, чтобы открыть только соответствующие меню и подменю. Для кнопки и свертывания Reactstrap была использована .. Рекурсивная функция, которая выполняла заполнение меню . {this.state.menuItems && this.state.menuItems.m....
У меня есть приложение React, и я использую Reactstrap для стилизации своих компонентов. Я хочу, чтобы один Card работал с полной шириной моего Container, поэтому я использую классы col-md-6 для двух разных частей CardBody, но он по-прежнему складывается вертикально вместо горизонтально поперек. Я х....
3 Мар 2020 в 15:57
Я пытаюсь проверить каждое поле ввода. Предполагая, что у меня есть 5 полей ввода, как мне установить состояние «ошибка» для каждого поля ввода. Например, this.setState ({error ['roleShortName']: true}), это не будет работать и при вводе, invalid = {this.state.error ["roleShortName"]}. <FormGroup ro....
24 Фев 2020 в 10:05
В нашем приложении «Реакция» (мы используем реактив), у нас есть несколько страниц, на которых можно показать модальное подтверждение. Мы не хотим включать модальный код на каждой странице. Есть ли способ сделать это программно, вызвав метод? Мы можем использовать простые загрузочные модалы непосред....
22 Янв 2020 в 05:49
Может ли кто-нибудь помочь мне выяснить, что может означать передачу тега Link внутри компонента NavLink следующим образом: <NavLink tag={Link} to="/components/" activeClassName="active">Components</NavLink> Код для NavLink (компонентactstrap) приведен ниже: import PropTypes from 'prop-types'; impo....
13 Янв 2020 в 12:46