UseRef react ref

UseRef

/*
	A common use case is to access a child imperatively: 
*/

function TextInputWithFocusButton() {
  const inputEl = useRef(null);
  const onButtonClick = () => {
    // `current` points to the mounted text input element
    inputEl.current.focus();
  };
  return (
    <>
      <input ref={inputEl} type="text" />
      <button onClick={onButtonClick}>Focus the input</button>
    </>
  );
}

Source: reactjs.org

UseRef react ref

Explained well here --> https://www.youtube.com/watch?v=t2ypzz6gJm0

-1

Similar codes

4 votes365 views1 answer
Text input placeholder color react native
Javascript React
0 vote351 views2 answers
Reactjs hello world
Javascript React
0 vote360 views1 answer
Sort by attribute in reactjs
Javascript React
4 votes362 views2 answers
Import reactdom
Javascript React
0 vote356 views1 answer
React-scripts not found
Javascript React
0 vote350 views1 answer
React native add bottom tab and drawer menu
Javascript React
0 vote346 views1 answer
React infinte scroll
Javascript React
0 vote367 views1 answer
How to add a useState in react Js
Javascript React
0 vote347 views1 answer
React hooks simple projects
Javascript React
1 vote368 views1 answer
How to delete an object from array in reactjs
Javascript React