I have a function that takes a props value in a component and flattens it into a form the component can use. This needs to happen every time the props value changes. I put the setState in a useEffect with…
Im currently working on auth in a mern stack project. I built a backend API which validates the JWT which the user has when trying to render a site. Ill show some detailed infos here in "Pseudocode": AS SAID BEFORE…
I'm stuck with a problem whereby I need to show only records that are active and hide inactive ones from a REST API call that I'm making. If all records are inactive, just show only single message saying "No Records…
I am running a function when the user clicks a button, this function updates my useState and adds an array into it as data. This data later on is passed into another webpage where the array objects are displayed in…
I'm encountering an issue with my React application where I'm unable to update the weather details based on the selected city using the OpenWeatherMap API. Here's the setup: I have a parent component App which manages the state of latitude…
AuthContext.js import React, { createContext, useContext, useState } from "react"; export const AuthContext = createContext(); export const useAuth = () => useContext(AuthContext) export default function AuthProvider({ children }) { const [number, setNumber] = useState(0) setInterval( () => setNumber(number+1), 10000 )…
setProductList below does not seem to be working. The console.logs above it for newProducts and productList are different, so setProductList should change productList and cause the other useEffect to fire, but it doesn't, the first useEffect does not fire. The…
we use useQuery hook in the following way function Dogs({ onDogSelected }) { const { loading, error, data } = useQuery(GET_DOGS); if (loading) return 'Loading...'; if (error) return `Error! ${error.message}`; return ( <select name='dog' onChange={onDogSelected}> {data.dogs.map((dog) => ( <option key={dog.id}…
This is an example given in the react docs for fetching data with useEffect. export default function Page() { const [person, setPerson] = useState('Alice'); const [bio, setBio] = useState(null); useEffect(() => { let ignore = false; setBio(null); fetchBio(person).then(result => {…
so i have a wrapper component with a button which produce its children component whenever clicked no matter how many times. it is a wrapper component and i want to use it how many times i need but everytime i…