useAutoFocus.md

useAutoFocus hook

https://codesandbox.io/embed/react-hook-for-focusing-input-after-component-mounts-g7vdo

useAutoFocus.js

function useAutoFocus() {
  const ref = useRef()
  useEffect(() => { ref.current.focus() }, [ref])
  return ref
}

Usage

<Input
  type="text"
  value={item.text}
  onChange={changeItemText}
  ref={useAutofocus()}
/>