All Questions
Tagged with react-bootstrap react-redux
68 questions
0
votes
1
answer
131
views
How to trigger a delayed function call after you have navigated away from the page in React
So I have a really ask but the implementation is eluding me.
I want to simulate the completion of a task in the background in our product demo.
The User Journey :
Arrive at the home page
Click button ...
0
votes
2
answers
3k
views
How to Validate Minimum Age Greater & Equal to 18 Reactjs
For the SignUp page I need to validate age is equal to or greater than 18. I have attempted using similar examples but all require me to install a dependency. I am looking for a way to achieve the ...
0
votes
2
answers
280
views
Map function is not working when try to fetch data inside react-simple-tree-menu
I am trying to fetch children tag details from parent tags. When I use {state.tagData.allTagDetails.map((e: any) => {} , only I can access e.propertyname (only the data that parent tag has). I can ...
0
votes
1
answer
121
views
Error : Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render
Hello :) I'm trying to display an error message when the user has not put the correct password or username but I have an error in the console (in the title of my question). I saw that many other ...
0
votes
1
answer
86
views
get the indexOf of a cascaded array of objects
I'm trying and puzzling for a couple of hours now and I can't get my head around it.
I have the following data structure in Redux:
entities: {
users: {
dentists: [
{
id: ...
0
votes
0
answers
32
views
directing to new page with React Router
I am getting list via Api for my project. I am able to list them in my home page. To see more detail about each item I clicked them. it shows on the main page not in a new page. I want to display ...
1
vote
1
answer
399
views
React Bootstrap adding into a component - cards
I would love if the cards were shown 4 per row on the page..
I get this error:
Failed to compile
./src/components/MyDishes.js
SyntaxError: /Users/adiskop/zestie-frontend/src/components/MyDishes.js: ...
0
votes
1
answer
1k
views
onReset causes RangeError: Maximum call stack size exceeded
In my React Redux application, I use react-bootstrap(v^1.6.0) with Formik(v2.2.6) to build a filters form.
Everything works fine except reset handling. After I click my reset button, I get
RangeError:...
0
votes
0
answers
112
views
Carousel cards are not working using React bootstap
I am working with carousel cards. I am using react bootstrap. It is not showing me the carousal items (image). Api is working fine.
import React from "react";
import { useDispatch, ...
0
votes
1
answer
560
views
filter option in form control select dropdown
I am new to reactJs. I am using react-bootstrap and am using <Form.Control as = 'select'> to show options from my database.
The code is here below:
<Form.Group controlID="Department"...
1
vote
0
answers
110
views
Async call results to Warning: Maximum update depth exceeded in React & Redux
I have an app built with React, Redux that pulls data from a RESTful service sitting in my local. I tested the implementation with dummy data and works fine. However, when I hook up the async service ...
0
votes
1
answer
105
views
Reload react table values after editing textbox
a question the code below executes the display of a tabel with reactstrap, when I execute the search it makes a rest call to the backend and returns an array with a series of values inside, what I ...
0
votes
2
answers
807
views
how to insert data to bootstrap table from redux store in react.js?
I have data (array) in redux store. I have created actions and reducer for it but how can I display data that is already stored in redux store to my bootstrap table ?
my functional component that has ...
0
votes
2
answers
153
views
react-bootstrap/Image don't load imgURL
import Image from 'react-bootstrap/Image';
...
<Image src={user && user.photoURL}
style={{ width: '30p', height: '30px', marginTop: '3px' }}
...
0
votes
1
answer
208
views
React Redux onDeleteClick isNot Function
I am using react-bootstrap-table to implemetnt table in react. My problem is onDeleteClick method.
In the example below, this function works correctly.
const StorehouseListTest = ({ storehouses, ...