我有一个表单庞大而复杂的组件,在一个组件中我有超过10个接口和许多默认表单值,如下所示:
const {
control,
handleSubmit,
resetField,
formState: { errors }
} = useForm<FormValues>({
defaultValues: {
site: {
name: '',
description: '',
minTemperature: '',
maxTemperature: '',
windSpeed: '',
seismicity: '',
explosiveness: '',
// and lot of default values below (more than 30 rows)
我想我应该把接口和一个常量和窗体的默认值保存在其他的文件中,也许是其他的目录。保存它的最佳实践是什么?
将接口存储在名为“formInterfaces.ts”的文件中名为“interfaces”的目录中是否是一种好方法?您通常将默认表单值存储在哪里?
1条答案
按热度按时间pgx2nnw81#
我通常将接口,有时甚至是类型存储在它们自己的文件中。
常量应该在它们自己的文件中定义,并从那里导入。
这样做的一个好处是循环引用不太可能发生。
FormInterfaces.ts
很可能不是一个好名字,这个名字应该反映它构建的业务逻辑,而不是它将如何被使用。