useRef 不工作 [TypeError: null is not an object (evaluating 'filed2.current.focus')]

问题描述

每当按下键盘上的下一个按钮时，我都会尝试将注意力集中在下一个输入字段上。

从 react native 文档中我了解到我们需要使用 useRef 钩子。但是按照文档

TypeError: null is not an object (evaluating 'filed2.current.focus')

我正在使用所有软件包的最新版本，以及带有打字稿模板的新 React Native 应用程序。

这是我到目前为止的代码：

import React,{useRef} from 'react';

...

  const filed1 = useRef(null);
  const filed2 = useRef(null);

  const onButtonClick = () => {
    filed2.current.focus();
  };

  return (
    <>
      <FormInputPassword
        ref={filed1}
        returnKeyType="next"
        onSubmitEditing={onButtonClick}
        blurOnSubmit={false}
      />
      <FormInputPassword
        ref={filed2}
        returnKeyType="done"
        blurOnSubmit={false}
      />
    </ >
  );

编辑：

function FormInputPassword(props) {
  return (
      <FormInputView>
        <Input {...props} />
      </FormInputView>
  );
}


FormInputPassword.defaultProps = {
  blurOnSubmit: true,autoCorrect: false,editable: true,};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）