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

0 vote304 views1 answer
How to get key from a button in react
Javascript React
9 votes309 views3 answers
React import font awesome
Javascript React
1 vote298 views1 answer
Input type email react js-validation
Javascript React
0 vote324 views1 answer
React-data-table-component cell action
Javascript React
0 vote293 views1 answer
TextField input font color React Material UI
Javascript React
0 vote262 views1 answer
Storybook react
Javascript React
1 vote262 views2 answers
React warning can't perform a react state update on an unmounted component
Javascript React
0 vote297 views5 answers
React native cache clear
Javascript React
1 vote256 views1 answer
Tailwincss in react native
Javascript React
4 votes342 views2 answers
Change the route on button click react
Javascript React