在React TypeScript中存储默认窗体值和接口的最佳做法

qgelzfjb  于 2023-01-31  发布在  TypeScript
关注(0)|答案(1)|浏览(132)

我有一个表单庞大而复杂的组件,在一个组件中我有超过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”的目录中是否是一种好方法?您通常将默认表单值存储在哪里?

pgx2nnw8

pgx2nnw81#

我通常将接口,有时甚至是类型存储在它们自己的文件中。
常量应该在它们自己的文件中定义,并从那里导入。
这样做的一个好处是循环引用不太可能发生。
FormInterfaces.ts很可能不是一个好名字,这个名字应该反映它构建的业务逻辑,而不是它将如何被使用。

相关问题