Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/logging/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/xslt/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 如何使用自定义寄存器方法在react native中设置react钩子窗体中的默认值_React Native_React Hook Form - Fatal编程技术网

React native 如何使用自定义寄存器方法在react native中设置react钩子窗体中的默认值

React native 如何使用自定义寄存器方法在react native中设置react钩子窗体中的默认值,react-native,react-hook-form,React Native,React Hook Form,我正在测试react hook表单并参考文档。请注意,此问题具体指的是手动注册的自定义注册方法 将defaultValues传递到useForm()不会像defaultValues那样使用手动注册的输入自动填充,如中所述 在这种情况下,是否有任何方法可以使用此方法设置默认值 导出默认函数App(){ 常量{register,setValue,errors}=useForm() 返回( 名字 setValue('firstName',text,true)} /> {errors.firstNam

我正在测试react hook表单并参考文档。请注意,此问题具体指的是手动注册的自定义注册方法

defaultValues
传递到
useForm()
不会像
defaultValues
那样使用手动注册的输入自动填充,如中所述

在这种情况下,是否有任何方法可以使用此方法设置默认值

导出默认函数App(){
常量{register,setValue,errors}=useForm()
返回(
名字
setValue('firstName',text,true)}
/>
{errors.firstName&&这是必需的。}
)

}
对于react本机使用react钩子窗体中的控制器

范例

import React from "react";
import { Text, View, TextInput, Button, Alert } from "react-native";
import { useForm, Controller } from "react-hook-form";
export default function App() {
  const { control, handleSubmit, errors } = useForm();
  const onSubmit = data => Alert.alert(
    "Form Data",
    JSON.stringify(data),
  );

  return (
    <View>
      <Text>First name</Text>
      <Controller
        as={TextInput}
        control={control}
        name="firstName"
        onChange={args => args[0].nativeEvent.text}
        rules={{ required: true }}
        defaultValue=""
      />
      {errors.firstName && <Text>This is required.</Text>}

      <Text>Last name</Text>
      <Controller
        as={TextInput}
        control={control}
        name="lastName"
        onChange={args => args[0].nativeEvent.text}
        defaultValue=""
      />


      <Button title="Submit" onPress={handleSubmit(onSubmit)} />
    </View>
  );
}
从“React”导入React;
从“react native”导入{文本、视图、文本输入、按钮、警报};
从“react hook form”导入{useForm,Controller};
导出默认函数App(){
const{control,handleSubmit,errors}=useForm();
const onSubmit=data=>Alert.Alert(
“表格数据”,
JSON.stringify(数据),
);
返回(
名字
args[0].nativeEvent.text}
规则={required:true}
defaultValue=“”
/>
{errors.firstName&&这是必需的。}
姓
args[0].nativeEvent.text}
defaultValue=“”
/>
);
}

有关更多信息,请查看文档

谢谢您的回答。然而,我的问题是专门针对自定义寄存器方法的,它不使用控制器