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 vote175 views1 answer
Yarn add react-native-elements
Javascript React
0 vote109 views1 answer
Convert table to excel reactjs
Javascript React
1 vote102 views1 answer
React native cannot make request on localhost
Javascript React
8 votes106 views2 answers
React fragment
Javascript React
2 votes153 views1 answer
How to add bootstrap by downloading in react js
Javascript React
0 vote110 views1 answer
Icomoon react native
Javascript React
0 vote109 views1 answer
React native how to pass id from list to function
Javascript React
1 vote96 views1 answer
Stop page refresh on button click react
Javascript React
19 votes103 views2 answers
Devtools failed to load sourcemap when debugging react native
Javascript React
0 vote105 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React