Ref hook in react

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

Ref hook in react

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

Similar codes

0 vote124 views1 answer
Returned data has p tags react
Javascript React
110 votes134 views2 answers
Create react js app
Javascript React
0 vote114 views1 answer
React hook form reset only one field
Javascript React
18 votes108 views2 answers
How to import background image in inline css in react
Javascript React
15 votes130 views3 answers
Create react app and tailwind
Javascript React
0 vote113 views1 answer
React navigation history clear
Javascript React
1 vote108 views1 answer
React next alias import
Javascript React
-1 vote105 views2 answers
React native font based on viewport dimensions
Javascript React
0 vote120 views1 answer
Escaping less than great than signs in react
Javascript React
0 vote133 views1 answer
Render eror cant find variable: react
Javascript React