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 - use-ref

React Audio src is not updating on state change

I have a list of tracks with a play button on each track which if clicked sets(setCurrentSong hook) the current song(title, src, artist) to be the song that was clicked on and toggles the isPlaying (t...
test-img

huzzzus

reactjs

audio

use-ref

Votes: 0

Answers: 0

Why is functional component nested function using a stale state value?

My component fetches and displays posts using infinite scrolling (via an IntersectionObserver). The API call that the component makes is dependent on the current number of fetched posts. This is passe...
test-img

Alex T

javascript

reactjs

closures

intersection-observer

use-ref

Votes: 0

Answers: 1

Latest Answer

You are creating a new IntersectionObserver on every render - not a good idea. However, only the first of all these created observers, the one you store in the ref (the ref that is never updated), is ...
test-img

Bergi

react / react-draft-wysiwyg: How to determine truly is blurred?

The attached graphic shows my issue. If I click outside of the content, but inside the textarea, which you can see a light grey border around, the onBlur event is fired. I've tried to capture the even...
test-img

Neil Gaetano Lindberg

reactjs

use-ref

react-draft-wysiwyg

Votes: 0

Answers: 1

Latest Answer

My fix, though feeling a bit hacky because of needing to handle the first onClickAway, was to elevate the onBlur call to a ClickAwayListener wrapping the Editor component like so: <ClickAwayListene...
test-img

Neil Gaetano Lindberg

onFocus react with hotkeys to focus on elements anywhere on page

I am trying to create hotkeys using shift + number to focus in on an element on my webpage. In JavaScript you use .focus() after targeting the element but in react I am confused. I have about 5 compon...
test-img

mike

javascript

reactjs

use-effect

onfocus

use-ref

Votes: 0

Answers: 1

Latest Answer

So I was doing a little bit too much. This is all you need to target and focus different elements with hotkeys on a page using React. I ended up changing it to f keys but you can also do shift + numbe...
test-img

mike

Posts

Questions

Blogs

Jobs