遇到错误后清除表单域

时间:2021-02-23 20:42:29

标签: react-native formik

在我的 React Native 表单中,在字段中输入错误的输入值后,我必须返回上一页,然后返回表单页面,然后才能提交。

在完成上述过程之前,在输入字段中输入数据并提交不会做任何事情。没有错误,没有进展。

我希望立即发生错误,以便我的提交按钮仍然能够处理来自输入字段的数据。

以下是我的提交处理程序的样子:

 const submitHandler = async (values, actions) => {
    const {name, password} = values
    const data = {
      username: name,
      password: password,
    };
    console.log("data", data);
      await login(data, navigation.navigate, actions)

1 个答案:

答案 0 :(得分:0)

您必须为 Textinput 创建一个引用,然后在该引用上调用明文

const inputRef = useRef(null)

const clearText = ()=> inputRef.current.clear();

     <TextInput
        name="last_name"
        placeholder="Last name"
        ref={inputRef}
      />