I am working on a React application using Redux for state management. In my layout component, I am trying to display the header and the footer only if there is a user, but I am facing an issue where the…
I am unable to use useSelector and useDispatch in export const function. export const StartTelecalling = (piopiy, userId, password) => { const { modal, isTestCall, isOnline } = useSelector((state) => state.calls); const dispatch = useDispatch(); piopiy.login(userId, password, "sbcind.telecmi.com"); console.log("login Initiated..............");…
So after pressing <button type="submit" className="btn btn-primary">Create</button> i create a card with hero. Then .then(() => clearFields()) helps me to clear input fields because сlicking the Сreate button again returns a blank card. That is, I see that the card…
import React from "react"; import { Route, Redirect, Switch } from "react-router-dom"; import { useOktaAuth } from "@okta/okta-react"; import { Superadmin } from "../../../../Application_Constants"; import { AuthPage } from "./AuthPage"; import { ErrorPage1 } from "../../errors/ErrorPage1"; import { makeStyles, useTheme…
Now I do not understand why the data value obtained by useSelector is monitored by useEffect and useState is used to render the page in a closed loop. Here's my code： const data = useSelector((state: DeviceList) => { if (state.basicSetting…
My state is showing an empty cart . Whenever I insert a new product the state's cartItem[] is empty (ie... not showing the previous items ) , also state.cartItems is an empty array when it is retrieved from useSelector() .…
i am conditionally rendering these dialogs , initial value of compareData is FALSE , and the compareData value is stored in redux Store . so when i change it to TRUE i can view the Dialog1 and if i again…
I have an array in redux. I am storing its value through useSelector in variable named masterStatusOptions. Now masterStatusOptions is also one of the dependency array of my useEffect. The logic that I have written in that use effect is…
I'm experiencing issues with re-renders in my React component when using a Redux store. I am using functional component. here is my App.js which should be re-render import Habbit from "./Habbit"; import NavBar from "./NavBar"; import HabitTrackerWeekView from "./HabitTrackerWeekView"; import…
When I submit a form to update state in Redux, the data populates for a second, then automatically refreshes, re-directs to localhost:3000/? & resets the state back to empty. Here is the form for the code: import { useState }…