how to focus next Input onSubmitEditing using useRef

unable to focus next input when pressed enter.

const attNameRef = useRef(null);

<Input 
    getRef={input => {
       attNameRef= input;
    }}
   onSubmitEditing={() => {
       attNameRef._root.focus();
    }}
/>

undefined is not obj

how can I use onSubmitEditing with useRef?

[thehappydinoa]

I think I figured it out:

const passwordInput = useRef(null);

return (
<Container style={styles.container}>
      ...
      <Item rounded style={styles.input}>
        <Input
          onSubmitEditing={() => passwordInput.current._root.focus()}
          returnKeyType={'next'}
        />
      </Item>
      <Item rounded style={styles.input}>
        <Input
          ref={passwordInput}
        />
      </Item>
    ...
    </Container>
)

[Mohammad-Khalid23]

  //use this function to focus on next field
  focusNextField = (id) => {
   this.inputs[id]._root.focus();
   }


      <Input
            keyboardType="email-address"
            name="email"
            onChangeText={(text) => this.setState({ email: text })}
            onSubmitEditing={() => {
              this.focusNextField('password');
            }}
            returnKeyType={"next"}
            ref={input => {
              this.inputs['email'] = input;
            }}
          />

          <Input
            name="password"
            onSubmitEditing={() => {
              this.loginSubmit()
            }}
            returnKeyType={"done"}
            ref={input => {
              this.inputs['password'] = input;
            }}
          />