All Questions
47 questions
1
vote
0
answers
52
views
Getting warnings for OverlayTrigger in Reactjs
Warning for Overlay Trigger
I have used OverlayTrigger component of react-bootstrap, it gives warning as shown in the image above.
Code:
<OverlayTrigger delay={{ show: 250, hide: 400 }} overlay={&...
1
vote
1
answer
3k
views
Problem with React-Bootstrap/InputGroup caused by <InputGroup.Prepend>
I have been encountering a problem that I didn't have before.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: ...
0
votes
1
answer
36
views
Homescreen.js not displaying in localhost/home needed output in browser
I'm having problems with displaying the rooms of my hotel reservation website. I cant find the solution. Please help me. I've spent 3 hours trying to find solutions
My Homescreen.js
import React ,{...
- 15
1
vote
0
answers
34
views
How to make this form take full space on mobile
I am using react-bootstrap to make my portfolio website and i want to add the newsletter component and it look good on desktop but i can't seem to make it take the whole row on mobile
<Col lg={12}&...
- 11
0
votes
2
answers
870
views
How to use a bootstrap load spinner while fetching data from an external api?
While fetching information from a url takes a long time, how can I utilize the bootstrap load spinner to hide the delay and make the website looks more interactive?
-2
votes
2
answers
1k
views
Nextjs react-bootstrap onSubmit doesn't work
Details
I want to make a form for a register page, after entering the form and hitting submit, the react-bootstrap button will call handleSubmit() using onSubmit={}.
Expected and actual result
I tried ...
- 119
1
vote
1
answer
390
views
I am displaying dynamic data on this React Boostrap Slider. Is there a way to make the code more efficient?
this is my first post here. I am building a React Boostrap Carousel that pulls Movie data from the database and displays it. I am new to React and programming in general. So far i made the code work. ...
- 63
3
votes
1
answer
11k
views
I am getting the error "Cannot use import statement outside a module" when I run my React Razzle app
Razzle is a server side rendering framework.
Here is the error:
/home/ajay/Ajay Nagotha/Projects/react-ssr-demo/luma-ssr/node_modules/react-bootstrap/esm/Container.js:1
import classNames from '...
- 41
0
votes
0
answers
94
views
React wont run more than one tag inside <div className="App">. React error #321
I have been trying to make a button using react-bootstrap. However, I cannot render it when deploying the server.
This is the App.js
import "./App.css";
import Search from "./pages/...
- 11
1
vote
2
answers
866
views
How can i solve this issue ? TypeError: Cannot read properties of undefined (reading 'map') in react.js
Hierarchy Structure Picture : https://prnt.sc/1y2ply6
notes.js(file) :
const notes = [
{
_id: "1",
title: "Day 1 of college",
content:
"I made a ...
- 61
1
vote
1
answer
2k
views
How to send data from Modal, Form using react and bootstrap?
I am working with React to POST data in my local database. When I use just the <form>, it works fine. But whenever I am trying to use Modal and Bootstrap, it is giving me an error. I understand ...
- 51
0
votes
1
answer
2k
views
how to create a a bootstrap Carousel with dynamic image source
i want to make a product detail page with image slider containing all images of a product , i have read the directory and got all images of a product now the slider is not moving and only showing ...
- 131
1
vote
0
answers
78
views
How to set up a react app to work with carousel without fading images the image
import React from 'react';
import { Carousel } from 'react-bootstrap';
import "./HomePage.css";
import img1 from '../../img/car_polising.jpg';
import img2 from '../../img/polishing-light.jpg'...
-1
votes
1
answer
1k
views
React Bootstrap Card Result in Multiple Columns
Below is my code, my problem is, the results are displaying at the bottom one by one like this:
1
2
3
I want to display each output result as follows? as 3 column
1 2 3
4 5 ...
0
votes
2
answers
966
views
npm error: Cannot find module '.../immer.js' when building a create react app through CLI
I am trying to build a website using create react app and bootstrap. We are hosting the site via GH-pages and our repository is here. I have not had issues deploying the site locally until today, but ...
- 513