/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

0 vote363 views2 answers
React toastify dark mode
Javascript React
0 vote398 views2 answers
React addon update
Javascript React
1 vote449 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote427 views1 answer
Take site to top after clicking in react
Javascript React
0 vote365 views1 answer
React component will mount new method
Javascript React
4 votes383 views1 answer
React useeffect not on first render
Javascript React
0 vote390 views1 answer
React native firebase email verification
Javascript React
0 vote423 views1 answer
React js Property 'Select' does not exist on type 'Form'.ts(2339) an
Javascript React
6 votes379 views1 answer
React-native italics
Javascript React
0 vote381 views1 answer
How to clear form fields in react after submit
Javascript React