/Javascript/React/Using React useRef hook to focus input field on button click

Using React useRef hook to focus input field on button click

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

2 votes145 views2 answers
Prevent a page from refreshing in react
Javascript React
3 votes142 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote139 views1 answer
Text inside an image component react native
Javascript React
4 votes146 views2 answers
HandleClick react
Javascript React
0 vote136 views1 answer
React app link description preview
Javascript React
0 vote168 views1 answer
React native app slow lagging image
Javascript React
3 votes151 views2 answers
Get param is react
Javascript React
1 vote208 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote185 views1 answer
Testing a function in jest on click react
Javascript React
1 vote126 views2 answers
Edit todo list react-redux
Javascript React