React native 如何使用自定义寄存器方法在react native中设置react钩子窗体中的默认值
我正在测试react hook表单并参考文档。请注意,此问题具体指的是手动注册的自定义注册方法 将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
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=“”
/>
);
}
有关更多信息,请查看文档谢谢您的回答。然而,我的问题是专门针对自定义寄存器方法的,它不使用控制器