/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 vote346 views1 answer
React icons cdn
Javascript React
23 votes386 views6 answers
React native shadow
Javascript React
1 vote397 views3 answers
Stripe react js
Javascript React
0 vote402 views1 answer
How to filter data from mongodb date in reactjs
Javascript React
22 votes389 views3 answers
How to use if else inside jsx in react
Javascript React
32 votes411 views6 answers
React copy array
Javascript React
1 vote402 views1 answer
React lottie player on hover
Javascript React
7 votes395 views1 answer
How to place a line break in react native
Javascript React
8 votes402 views2 answers
Set value as object in react hooks
Javascript React
1 vote367 views2 answers
React native select simulator
Javascript React