reactstrap Questions

3

I have a React/Django app that's behaving differently when built for production that it does when run on the development server. The development version is how I want it to look. There are a number...
Parathion asked 1/12, 2020 at 19:25

5

Solved

I need to close the modal also using the "ESC" key, at the moment it is closing the "CLOSE" and "CONFIRM" button. i'm using reactstrap, react hooks. keyboard {show} an...
Wilkens asked 24/7, 2020 at 13:29

5

Solved

I created a react app with 'create react-app'. I am trying now to add a navbar from Reactstrap. I do copy-paste from Reactstrap (I am adding this as one react component) website: import React fro...
Kropotkin asked 4/2, 2019 at 16:28

7

Solved

I am trying to import some local images into reactjs. But it's not working. I am using reactstrap to make a carousel. This is the error: Module not found: Can't resolve '../../assets/img-3.jpg' in...
Simoneaux asked 23/2, 2019 at 17:28

2

I'm looking for a text field with multiple inputs as: Here as you can see I can add new text and on press of enter it saves that keyword. Can someone guide which package to look for.... I found so...
Wellknit asked 28/1, 2021 at 6:44

8

I am developing a react application and using reactstrap. I am using Tooltip Component of reactstrap which requires a target attribute, a value of target element's id. This id is being geneated dy...
Halliard asked 23/1, 2018 at 15:5

4

I have following the code example regarding tooltips in Reactstrap: constructor(props) { super(props); this.state = { tooltipOpen: true }; } . . . render() { return ( <div> <p>S...
Scalage asked 21/5, 2018 at 18:30

2

components: DropdownItem reactstrap version ^8.0.0 react version ^16.8.6 bootstrap version ^4.3.1 I am using reactstrap dropdown. And I am trying to populate the dropdown items using a map funct...
Danieu asked 22/5, 2019 at 20:29

5

Solved

I'm trying to use react-router with reactstrap with create-react-app. In the routing page, I needed to use state for the reactstrap, so I converted the router from a variable to a class, but I get ...

5

Trying to get images to display in the slides in Carousel using a tag and classname. I have images saved in the same folder as the Slider.js file. I have changed the default id property in the item...
Fro asked 7/2, 2019 at 13:19

2

In my React app, I am trying to use the DateTimePicker component included with the react-widgets package. I am also using Bootstrap 4 components via reactstrap. I have installed the modules: npm ...
Gonium asked 13/11, 2017 at 19:13

2

Solved

I am trying to create a React component to abstract away creating an Input group for my form. All inputs have the same layout - a Label, with the Input underneath and if errors/info text is present...
Parhelion asked 11/5, 2019 at 9:39

5

I found two different bootstraps for reactjs npm install --save reactstrap react react-dom npm install react-bootstrap bootstrap What is the basic and main difference between both?
Karykaryl asked 9/5, 2019 at 14:23

5

Solved

I am using react strap to help style an application I'm creating, however I can't figure out how to change the background color of the nav from white to black. I have tried to color ="dark" in the ...
Km asked 23/7, 2018 at 21:49

6

Solved

I'm using reactstrap and have been following this link: https://reactstrap.github.io/components/navbar/ In the example, the <nav className='ml-auto' navbar> is pushing the <NavItem> t...
Stalnaker asked 28/2, 2018 at 5:50

2

Solved

I'm trying to use the Bootstrap input-group-prepend with react-select, however react-selects' styling doesn't seem to be the current bootstrap/reactstrap and so doesn't want to work together. The ...
Recording asked 26/2, 2020 at 10:19

5

Solved

I would like to set color "white" to my react component (Navlink). Home and logs link are always dark :( The white color is never set. I use Reacstrap, Bootstap 4. I separate js with css Here my co...
Wesleywesleyan asked 9/3, 2018 at 14:14

5

Solved

Since create-react-app hides Webpack config without having to use eject, if I want to use something like reactstrap or react-bootstrap, should I eject or will I be fine without ejecting? Just cur...

12

How can I add a link within a DropdownItem with reactstrap? I would like to add a link within a dropdown menu, but how can I add it because in the reactstrap documentation I could not find anythin...
Spry asked 3/11, 2017 at 22:33

3

Solved

I am creating a React app using Next.js and am trying to use components provided by reactstrap. The issue I seem to be running into seems to involve importing the CSS file named bootstrap/dist/css...
Cost asked 24/4, 2018 at 2:10

2

Im using Reactstrap v8.0.1 and I'm trying to display the error message and also render the field with a red border, but it doesn't seem to be working at all The following is the code that I'm usin...
Cutwater asked 6/9, 2019 at 4:26

3

Solved

This is brand new install - I have not put any transitions on the Alert component To replicate the code it is simple import React from "react"; import { Alert } from "reactstrap"; export const I...
Tait asked 7/5, 2020 at 0:26

2

Solved

Reactstrap does not have an official sample for Accordion in the documentation. Using the card component, you can extend the default collapse behavior to create an accordion. To properly achieve...
Watertight asked 15/5, 2019 at 4:29

6

Solved

I'm going to start a react project. I want a little clarification about the choice of Material UI over Reactstrap. Material UI is better than Bootstrap as mentioned in another comparison of Bootstr...
Ambulance asked 3/7, 2020 at 5:45

2

Solved

I'm trying to create a card that, when clicked, performs an action. I've managed to make this work by adding a button to the card, which is bound to an event handler, and works as expected. I'm t...
Had asked 29/12, 2018 at 21:56

© 2022 - 2025 — McMap. All rights reserved.