/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

1 vote341 views1 answer
Reactjs cloudflare
Javascript React
1 vote332 views1 answer
How to create round image in react native
Javascript React
0 vote325 views1 answer
React.createElement
Javascript React
0 vote300 views1 answer
Displaying the date react
Javascript React
1 vote314 views1 answer
How to redirect in ionic react
Javascript React
1 vote333 views1 answer
"react native" component dynamic children props
Javascript React
3 votes319 views2 answers
React how to scroll to element
Javascript React
0 vote346 views1 answer
Check scroll top height in react js
Javascript React
0 vote330 views1 answer
Custom react native product rating
Javascript React
4 votes290 views1 answer
React propthpes or
Javascript React