python (12.9k questions)

javascript (9.2k questions)

reactjs (4.7k questions)

java (4.2k questions)

java (4.2k questions)

c# (3.5k questions)

c# (3.5k questions)

html (3.3k questions)

Questions - react-custom-hooks

React Context; useReducer Pattern: Can/Should properties on initialState have functions to update initialState?

I have a custom hook which I am trying to move into the context/reducer pattern: import { sortDateStrings } from '@/Utils/SortDateStrings' function useDiscounts ({ data }) { const [effecti...
test-img

Antonio Pavicevac-Ortiz

reactjs

react-hooks

react-context

react-custom-hooks

react-reducer

Votes: 0

Answers: 0

Couldn't create collection in firebase?

I'm trying to create a collection if not exist and uploading img file. I'm receiving upload image URL and progress to but it is not creating collection named images. const useStorage = (file) => { ...
test-img

Digamber negi

reactjs

firebase

google-cloud-firestore

react-custom-hooks

Votes: 0

Answers: 3

Latest Answer

Import : import {collection,addDoc} from 'firebase/firestore'; Replace : collectionRef.addDoc({ url}); To : await addDoc(collectionRef, { url});
test-img

Digamber negi

custom hook returns wrong value

I made a custom hook as my intersection observer but I'm getting false and true state at the same time and twice!, first false(twice) and second true(twice) why is this happening? why state changes it...
test-img

muller

reactjs

intersection-observer

react-custom-hooks

Votes: 0

Answers: 1

Latest Answer

Your component will render before the element is being observed by the Intersection Observer so it's expected that the state would be false on the first render (or first couple renders). This isn't re...
test-img

Spencer Wood

Custom hook fires every render

I want to run a callback when a component mounts, but not on each render. Using useEffect and an empty dependency array created warnings. I read on a different thread which I now can't find that this ...
test-img

Laurence Summers

reactjs

react-hooks

use-effect

react-custom-hooks

Votes: 0

Answers: 1

Latest Answer

Found the thread! I should use a state to track mounted/unmounted, then useEffect to call the callback only if either mounted or callback change: import {useEffect, useState} from "react"; ...
test-img

Laurence Summers

Posts

Questions

Blogs

Jobs