/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

4 votes244 views1 answer
React router history push parameter
Javascript React
0 vote244 views1 answer
React native geocoding
Javascript React
0 vote222 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote255 views1 answer
One component overlapping on other in react.js app
Javascript React
3 votes235 views2 answers
Fetch data from api in react
Javascript React
16 votes175 views1 answer
How to insern an image in react
Javascript React
0 vote225 views1 answer
Reactjs cant find serviceWorker.js file in app src folder
Javascript React
0 vote238 views1 answer
Concept of node js with react js
Javascript React
0 vote234 views1 answer
Switch button react value
Javascript React
0 vote237 views1 answer
Reactjs limit text display 20 200 characters
Javascript React