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
-1
votes
1 answer

React importing selected values in a table

The data I get with the API this.state = {items: [] } I'm transferring it. Then I transfer these values to the table. But I can't get the value of the data I choose? How can I get the value of the selected row with the "Open" button I transferred to…
Fatih mzm
  • 395
  • 1
  • 7
  • 21
-1
votes
1 answer

How can I display a clickable table from a nested array of objects?

I have an array of objects that contain some variable information, but also another array of objects with some more information. I'm trying to display a table that shows the initial array, and when the user clicks on the row of that particular…
Aktzin
  • 35
  • 1
  • 6
-1
votes
1 answer

How to update reactstrap tabs state in map function

I've used reactstrap Tabs in the map function. When I change the tab, all the Tabs are changed. This is because, when I change the state on click, the state is changed for all the Tabs. Here is my screenshot: I've also tried with a similar problem,…
M.Kaisar
  • 63
  • 1
  • 8
-1
votes
3 answers

How to deal with this.setState issue in react JS

for some reason the value of my setState is not updating when I press the next button. It is for a progress bar where the progress bar adds 20 each time the button is pressed. So like value:this.state.value+20 Does anyone know whats going on? Any…
-1
votes
1 answer

How can I use JSX and Reactstrap (e.g. Bootstrap) Rows and Cols to layout a matrix? JSX is not playing nice with my Array.prototype.map

I'm trying to layout an n x n matrix using Reactstrap in a React component. My thought was to add a element before the start of every row, and an at the end of every row. But I can't get it to work with JSX, which keeps complaining…
Cerulean
  • 5,543
  • 9
  • 59
  • 111
-1
votes
1 answer

Centering components of Navbar

I want to create a Navbar with the containing elements place at the center. I am using React, Bootstrap 4 and reactstrap. I have the following reactstrap JSX code:
bsky
  • 19,326
  • 49
  • 155
  • 270
-2
votes
1 answer

reactjs: An example for formik form with datatime picker using reactstrap ui

I am using reactstrap and formik for forms I want to have a datetime picket in my form. I am looking for an example for this. Whats is the best way to do this.
Santhosh
  • 9,965
  • 20
  • 103
  • 243
-2
votes
3 answers

How Do I Fix This TypeError In React?

I am struggling and in need of help! I'm extremely new to React - and I'm busy doing this practice assignment for a course that I'm taking to learn it, but I am running into the same sort of problem over and over again and I cannot seem to get it…
-2
votes
1 answer

Input has become readonly when i give initial value to it

When I have set the value of input field from reactstrap to some value it becomes readonly.
Adesh Kumar
  • 952
  • 2
  • 16
  • 33
-2
votes
2 answers

reactstrap navbar header seems to be missing

I'm currently trying to create a navbar using reactstrap and I would like to use a
which would map to a Navbar.Header in React-Bootstrap. Unfortunately I cannot find such component in reactstrap. Am I…
DaeMoohn
  • 1,087
  • 13
  • 27
-3
votes
1 answer

TypeError: Cannot read properties of null (reading '1')

Hi iam using creative tim dark react template. im getting the following error Error in the image. See the image for more details.
itsmesjp
  • 1
  • 2
-3
votes
2 answers

How to link a text field with a radio button

Before Clicking anything text field should be disable . when after the radio button selected my text field must be enable.
-3
votes
2 answers

How to hide the element in the mobile version

I use React and Bootstrap 4. How do I hide the element in the mobile version? does not work.
1 2 3
51
52