本机基本输入组件不支持React useRef Hook获取“无法读取null的属性(阅读”focus“)

m2xkgtsf 于 2023-02-05 发布在 React

关注(0)|答案(2)|浏览(145)

<Input
    ref={nameRef}
    onSubmitEditing={() => emailRef.current.focus()}
    returnKeyType={"next"}
   />

    <Input
    ref={emailRef}
   />

也尝试了getRef，但得到相同的错误。使用ReactNative中的TextInput组件。
使用NativeBase版本3.3.7

2条答案

对于nativeBase的输入组件，您需要使用getRef属性：

let inputElement = useRef(null);

 <Input
  getRef={input => {
    inputElement = input;
  }}
/>

简单的事情不应该太难，但当你使用 typescript 时，你别无选择。
文件里也没有。
但以下是对我有效的方法。

const inputRef = useRef<any>()

// input
<Input onSubmitEditing={()=> inputRef.current.focus() />

<Input ref={ref => inputRef.current = ref } />

_（