React Native 和 TypeScript：“RefObject”类型上不存在属性“焦点”<TextInput> &#39;

Question

That's what I am doing:

  declare passCodeInput:  React.RefObject<TextInput>;

But here's an issue that I am getting while trying to call focus method:

setTimeout(() => this.passCodeInput.focus());

I call focus on current , like, this.passCodeInput.current!.focus()) but this won't work in my case.

Answer 1

You can use ref like below:

import React, { useRef } from 'react'
...


const MyFormComponent = () => {

  const ref_input2 = useRef();
  const ref_input3 = useRef();

  return (
    <>
      <TextInput
        placeholder="Input1"
        autoFocus={true}
        returnKeyType="next"
        onSubmitEditing={() => ref_input2.current.focus()}
      />
      <TextInput
        placeholder="Input2"
        returnKeyType="next"
        onSubmitEditing={() => ref_input3.current.focus()}
        ref={ref_input2}
      />
      <TextInput
        placeholder="Input3"
        ref={ref_input3}
      />
    </>
  )
}

Hope it will help you!