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

1 vote110 views1 answer
React eslint prettier
Javascript React
0 vote131 views1 answer
React native center text vertically full screen
Javascript React
18 votes132 views4 answers
React get route params
Javascript React
22 votes128 views4 answers
Copy text to clipboard reactjs
Javascript React
17 votes132 views3 answers
Reducer react
Javascript React
6 votes128 views2 answers
React native spinkit
Javascript React
0 vote129 views1 answer
Disable enter on input field react
Javascript React
0 vote139 views1 answer
How to print an array inside another array in react
Javascript React
0 vote127 views1 answer
React tooltip on disabled button
Javascript React
2 votes130 views3 answers
React cdn
Javascript React