More than 3 years have passed since last update.

create multiple refs with React.useRef()

Last updated at 2021-03-23Posted at 2020-04-07



  const initForm = () => {
    const form: { [key: string]: string } = {}
    for (let i = 0; i < props.inputLength; i++) {
      form[i] = ''
    }
    return form
  }

  const [codeForm, setCodeForm] = React.useState(initForm())

  const formRefs = React.useRef(
    Object.keys(codeForm).map(() => React.createRef<TextInput>()),
  )

...

{Object.keys(codeForm).map((_, index) => (
     ref={formRefs.current[index]}
)}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up