/Javascript/React/React check if focused

React check if focused

function Input(props) {
  const [hasFocus, setFocus] = useState(false);

  return (
    <input
      {...props}
      onFocus={() => setFocus(true)}
      onBlur={() => setFocus(false)}
    />
  );
}

Source: exogen.github.io

Similar codes

0 vote303 views1 answer
Load all icon from a folder in react
Javascript React
1 vote349 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote331 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote373 views1 answer
React unfocus check
Javascript React
0 vote302 views6 answers
State functions of react cheatsheet
Javascript React
0 vote328 views1 answer
Moment all formats in reactjs
Javascript React
3 votes318 views1 answer
Pass element from child to parent react
Javascript React
0 vote363 views1 answer
React native progress bar slider
Javascript React
2 votes309 views2 answers
Rtl support react native
Javascript React
8 votes351 views2 answers
React native rotate image
Javascript React