如何将焦点从一个文本输入转移到另一个文本输出

Question

我已经创建了一个自定义文本输入，假设它是现在，我想让用户从一个文本输入集中到另一个。将其设为来自

let {login,pass}=useRef(null)
<MyTextInput placeholder'login' ref={login} onSubmitEditing={()=>pass.focus()}/> 
<MyTextInput placeholder='password' ref={pass}/>

现在我正在使用react native中的功能组件，并尝试如上所述为这两个组件添加ref。但我得到了错误，因为无法读取未定义的属性焦点。

有人能帮我用这种文本输入添加焦点吗？

Answer 1

这里有一个简单的片段，假设您的自定义MyTextInput支持与TextInput相同的道具，它应该适用于您的情况

export default function App() {
const useranme = React.useRef(null)
const password = React.useRef(null)
return (
<View>
<MyTextInput onSubmitEditing={()=>password.current.focus()} ref={useranme} />
<MyTextInput ref={password} />
</View>
);
}