Stack Overflow
Stack Overflow

Questions tagged [reactstrap]

Stateless React Components for Bootstrap 4.

React Bootstrap 4 components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript. However, Poppers.js via react-popper is relied upon for advanced positioning of content like Tooltips, Popovers, and auto-flipping Dropdowns.

The library documentation can be found in github.

778 questions
0
votes
1 answer

Reactstrap NavDropdown component doesn't open

I am still new to react and am trying to use react and reactstrap for an internal project at work. I have spent several hours trying to the get the NavDropdown component to work. I have tried porting the example code from…
Owen
  • 1
  • 1
0
votes
1 answer

How to setup a posting form in React with the reactstrap library?

I'm new to React and reactstrap and I was wondering how to setup a form that posts to a post-route on submit using the Form-tag. I couldn't find an example in the documentation that did this. So I'm looking for an equivalent of this:
Ansjovis86
  • 1,506
  • 5
  • 17
  • 48
0
votes
1 answer

Reactstrap is causing a critical dependency warning about tether.js

I am using reactstrap in my React app which was originally created by create-react-app. The problem I'm having is with reactstrap, I'm getting the following console warnings: ./~/reactstrap-tether/dist/js/tether.js Critical dependencies: 2:479-486…
AnApprentice
  • 108,152
  • 195
  • 629
  • 1,012
0
votes
1 answer

Is running reactstrap dropdown in react jsx

New to react and using reactstrap. Am simply trying to add in a dropdown menu and issue running this code as it errors on syntax intially, but then when I revise, it throws more errors. Here is the code: import React from 'react'; import { Media, …
Mark
  • 1,812
  • 3
  • 29
  • 51
-1
votes
2 answers

When starting the project, reactstrap presents an error when importing the lib

Error console /node_modules/reactstrap/lib/index.js:1 import _Container from './Container'; ^^^^^^ SyntaxError: Cannot use import statement outside a module at internalCompileFunction (node:internal/vm:73:18) at wrapSafe…
Rafael Trevisan
  • 1
  • 1
-1
votes
1 answer

reactstrap List.name='List' error in gatsby while building

gatsby build is always failing on this line List.name='List' of reactstrap. I tried different solutions but not helpful. - reactstrap version 9.0.1 - gatsby version ^3.14.4 - bootstrap version 5
Muhammad Bilal Bangash
  • 993
  • 2
  • 8
  • 23
-1
votes
1 answer

How do I add multiple values to a dynamic table in react?

I have a table that gathers user input from two selects. When the user selects a field, i have successfully made it so that their input is shown on a table row, and any new input triggers a new row. However I am having great difficulty in making it…
noobcode0000
  • 213
  • 6
  • 17
-1
votes
1 answer

How to align elements in bootstrap cards to bottom of card?

In the CodeSandbox example below, I have two Bootstrap (reactstrap) Card elements side-by-side. Is there any way to get the Button in each card to align to the bottom of the card, plus some margin, so they look aligned to each other? I tried various…
Ravi
  • 3,718
  • 7
  • 39
  • 57
-1
votes
1 answer

TinyMCE Table of Contents plugin seems disabled

What I'm trying to do is, add a Table of contents plugin to my TinyMce 5 edior. I'm using react and also my TinyMCE is in an reactstrap modal. When i try to add other plugins, they work without problem. When i try to add Table of contents plugin to…
Jim Kross
  • 23
  • 3
-1
votes
1 answer

Facing problem including reactstrap in my web project

I am trying to install reactstrap in my react project using commands like "npm i reactstrap react react-dom" or "npm install --save reactstrap react react-dom" but getting error everytime. I tried to search Stack Overflow but have not found a…
shashikant burnwal
  • 61
  • 7
-1
votes
1 answer

How can I get reactstrap dropdown value to credit card component?

My english is not well, I have a credit card component. when input change get value to other component. But I want expiry month and year to get from dropdown. Here is the code, can anyone help? codesandbox.io/s/purple-frost-lknxs
paws
  • 91
  • 1
  • 10
-1
votes
1 answer

Warning: Invalid DOM property `class`. Did you mean `className`?

Im having this issue when I load my Home page which includes a couple of sections. Those sections are a Navbar, a main section, a card section and a footer section from top to bottom. I have two buttons that I use in the main section that are…
alejandro aucestovar
  • 1
-1
votes
1 answer

React strap with multiple ToolTips

I have following:
Thomas Segato
  • 4,567
  • 11
  • 55
  • 104
-1
votes
1 answer

Reactstrap Input Validation Error. Help Needed

ReactStrap Input Validation Hey there! I am trying to implement validation in my form. I am using ReactStrap in my app. However, the validation isnt working for valid or invalid input. Below is what I have done. Valid ={boolean} does not give an…
richardC
  • 53
  • 1
  • 6
-1
votes
1 answer

ReactStrap: Accessing the id of the selected dropDownItem

I have this dropdownList: { this.toggle(3); }} >
AG_HIHI
  • 1,705
  • 5
  • 27
  • 69
1 2 3
…
51
52