All Questions
78 questions
1
vote
2
answers
378
views
Prime React Dropdown filter is not working properly
I am using primereact/dropdown to render my locations list in which user can select the in the list but I am also using the filter method in the dropdown to make the user also have the search ...
- 25
0
votes
1
answer
37
views
Bootstrap Modal causes useEffect({...}, []) to trigger again
When using the Bootstrap <Modal /> component, when I do callbacks to the parent component, my entrie page rerenders, and triggers my useEffect({...}, [])-Hook, which should only be called once, ...
- 673
0
votes
1
answer
531
views
React-bootstrap modal no longer draggable after migrating to react-bootstrap 2 from 0.33
I am in the process of migrating my react app from bootstrap 3 to bootstrap 5
I was previously using the answer at how to make react-bootstrap modal draggable to make my modal draggable which worked ...
- 40.8k
0
votes
1
answer
362
views
React-Bootstrap 2022: Modal Will Not Close When X button clicked
I have been designing an web app using react and react bootstrap. In my case, I use a cdn to load the bootstrap css files and bootstrap.min.js in addition to using the react-bootstrap library.
...
- 980
0
votes
1
answer
1k
views
How to handle multiple modals in React-Bootstrap?
I'm building a CRUD app using React-Bootstrap and TypeScript. My Users page is supposed to have two modals for the Create User and Edit User buttons. I have coded the edit button to open the Edit ...
1
vote
2
answers
3k
views
Triggering a Bootstrap Modal in React without npm react-bootstrap
I try to code a Modal in React.js using Bootstrap5 but I can not use npm react-bootstrap out of several reasons. I tryd an approach where I use state to set Modal classes with a button which worked ...
- 92
0
votes
1
answer
1k
views
React functional component pass props to modal after state updates
I have a User page component which has a link that is meant to open a FollowingModal modal component to show the followers of a user.
The User component calls an async function in my followers context ...
- 197
2
votes
4
answers
5k
views
Changing React Bootstrap Modal.Header closeButton icon
I am working with React Bootstrap Modal. I'm trying to change the closeButton icon. But it didn't work.
<Modal.Header className='modal-head' closeButton>
<Modal.Title>Cart</Modal....
- 21
0
votes
1
answer
626
views
react-bootstrap modal not reacting to property change
I am using React v18.1, react-bootstrap v2.4. I have a Modal component I am trying to get to display upon a button press. The modal component is quite simple:
class AdjustmentModal extends React....
user17615929
2
votes
3
answers
15k
views
How to set OTP timer on button click in react JS?
Problem:- I have made a modal in which i am doing Mobile number verification. I want OTP timer to get started on clicking the Send OTP button but it is not happenning.
I have used useeffect() to ...
user19262822
0
votes
2
answers
2k
views
ReactJs - Cannot open popup in modal window
I use react-bootstrap for modal and reactjs-popup for popup. I want to open a popup by clicking a button in a modal window but the popup is opening in the behind of modal window. I changed z-index of ...
- 197
1
vote
3
answers
2k
views
how to show bootstrap Modal in another component react js
I am using react bootstrap Modal now I have Modal I want to show that modal in different components for the provided edit functionality. how I can archive this
UpdateUserModal.js
import React,{...
- 161
0
votes
0
answers
56
views
React Modal JS file not displaying text or SCSS / SAAS info
When running this React app my code below isn't displayed with the basic modal. It seems like something isn't linked? Please, any insight would be a massive help and met with gratitude.
import React ...
- 1
0
votes
1
answer
74
views
I cant use bootstrap modals in a map function
first iframe works. but second iframe is in the bootstrap modal doesnt get my src attribute. shows empty in the console.
if i type src="youtube.com/url" instead of src={musics.musicEmbed} ...
- 427
0
votes
1
answer
955
views
How to solve this error with modal using bootstrap 5
I'm using react 6 and bootstrap 5. The tutorial adds window but i think I'm getting the error based on Modal.
Im getting this error :
Warning: Can't perform a React state update on an unmounted ...
- 51