All Questions
Tagged with react-bootstrap react-hooks
108 questions
1
vote
1
answer
58
views
Updated total price when buy button is clicked in react.js
I have created a multi-page web application with products avaliable to purchase - as specificed is the task brief. However my Buy button doesn't work as it doesn't store the price of the product to be ...
0
votes
1
answer
33
views
How to open another model when clicking on link inside modal
I want to open the SignIn modal that inside the SignIn Component when clicking on sign in link which inside the SignUp component and do the same thing for the SignUp
This is the Navbar component's ...
0
votes
1
answer
59
views
Table not updated when I save data from modal
I'm using react.js and bootstrap 5, I'm confused how to add data from modal to the table, please help me figure it out, I'm newbie and want to learn react.js, thanks before!
Modal
import React, { ...
3
votes
1
answer
1k
views
You forgot to call the getInputProps getter function on your component / element
Trying to Use : useCombobox props inside of React-bootstrap's Modal, fires errors on the console :
downshift: You forgot to call the getInputProps getter function on your component / element.
...
0
votes
1
answer
23
views
How do I update the contents of one Form Select based on the selection of a preceding Form Select?
For my code, I am trying to update the selectProf list based on what course is selected. I am able to find the relevant professors based on a course change but am unable to figure out how to force the ...
0
votes
1
answer
388
views
React Image Uploader with React-Bootstrap and RTK Query and Nodejs Backend with Express and Formidable
Problem - I have used the 'react-bootstrap' library to create a react component which handles displaying and uploading an image. At the point where I submit - the
I have a function called handleChange....
0
votes
2
answers
2k
views
How can I strike through text when checking a checkbox?
Using react-bootstrap, I'm creating a "todo" list and I want to have a line drawn through the text when I check a checkbox. I suspect that my problem lies in trying to use a ref within a map ...
0
votes
1
answer
206
views
How do you correctly use objects with in React Components (namely, Form.Control)
I'm working on a project, and so far my research tells me this code should be printing out the text I need, but it keeps printing "object [Object]" and I'm not entirely sure why. [enter ...
0
votes
1
answer
593
views
react bootstrap form.switch not working as expected
I have used react-bootstrap Form. I need to use switch button. If that is true then have to show input box else input box will not show.
const initialState = {
billingType: "",
...
0
votes
1
answer
72
views
Active state in React Bootstrap
There is a nested menu in React Bootstrap and it's working fine except the active collapsible is not open by default. I need to change the in attribute's value in the Collapse to make it work, but ...
3
votes
1
answer
2k
views
How to render a popover React component for a FullCalendar event?
This may be a simpler problem than I am making it out to be, but I am still fairly new to React and this is my first time using FullCalendar. It has gone okay so far... up to trying to implement ...
1
vote
0
answers
1k
views
Uncaught TypeError: Cannot read properties of null (reading 'useRef')
I have created a react app using create-react-app and added my very first component Header. It worked fine. When I start to add Navbar (from react-bootstrap) to my header, compilation was successful ...
0
votes
0
answers
44
views
Unique Key Prop - mapping of table rows with edit button
I have mapped out table rows with data from an api call. I also mapped out edit buttons for each row so I could edit that row's data. But I keep running into this error: "Each child in a list ...
1
vote
2
answers
2k
views
OnClick Button keeps rerendering in React after mapping
New to react so any help would be appreciated!
I have a table of users that I've mapped out from an API call. I also needed an Edit button so I could edit a user in a separate form.
But when I pass ...
0
votes
0
answers
293
views
react bootstrap causing TypeError Cannot read properties of null (reading "useState')
I created a React app using Bootstrap, and it runs fine. I installed React Bootstrap and now I'm getting the error { TypeError: Cannot read properties of null (reading 'useState'). I'm assuming it's a ...