SO中文参考 首页(current) 程序语言 操作系统 数据库 框架 移动开发 搜索 react-hook-form通用字段组件问题描述 投票:0回答:1我正在尝试实现可在根表单级别和嵌套字段中使用的表单字段组件。 export type FirstNameField = { firstName: string; }; type GenericFormType<T, NS extends string | never = never...
使用React Hook Form 和 Zod(和 Shad UI)创建字段问题描述 投票:0回答:1在我的表单中,我希望用户能够添加来自其他平台的不确定数量的用户(在本例中,其他平台是 Go(棋盘游戏)服务器): 我的Zod 模式此时看起来像这样: export const profileFormValidationSchema = z.object({ go_users: z.record( z.string(...
我想在react-hook-form字段中显示结果对象的各个字段。当我使用 RHF 注册这些字段时,它们可以成功写入表单状态,但似乎没有对此做出反应。无论我使用异步组件还是显式 setValue 调用设置表单状态,输入都不会显示值。 我尝试在示例中同时使用 register 和 input 来包装 Controller,但都没有响应表单状态的更新 input...
我是使用 React 和 React Hook Form 的新手,当我在为表单分配 defaultValues 后尝试注册新输入时,遇到打字稿错误 (TS:2345)。我正在创建一个简历生成器,用于监视输入的变化并在简历上动态更新它。 我使用的默认值的格式如下: export const defaultData = { name: 'John Doe', email: '[email protected]',...
Mui 风格的组件未使用 React-hook-form 注册问题描述 投票:0回答:1如果我注册用户名和密码时没有使用 mui 风格的组件。它有效//This works fine <TextField id="username" type="text" autoComplete="off" inputProps={{ 'data-testid': 'username' }} label={t('COMMON.USERNAME')} helperText={errors...
"use client"; import { zodResolver } from "@hookform/resolvers/zod"; import { FC, useEffect } from "react"; import { useFormState, useFormStatus } from "react-dom"; import { FieldErrors, FieldPath, UseFormRegister, useForm, } from "react-hook-form"; import InputField from "./Input...
集成时将 React-Hook-Form RadioGroup 放在哪里。以以下两个代码片段为例。 <Grid xs={12}> <Controller name="gender" control={control} rules={{required: "Gender is required."}} render={({field}) => ( <FormControl {...field} error={!!errors.gender}> <FormLabel error={false}>Gender<...
使用ShadCN/react-hook-form 提交依赖选择组件时出错。如何使用自定义更改功能问题描述 投票:0回答:1我想使用 ShadCN 创建两个 Select 组件。我希望这些选择彼此之间具有依赖关系。这意味着为类别选择值后,子类别的选择将相应地填充过滤后的数据。这一步效果很好。但是,当我单击提交表单时,类别好像是空值,我相信这...
我正在尝试使用react-hook-form库在React中创建一个简单的表单。我在表单中添加了不同的验证和其他内容。但我收到以下控制台错误。控制台错误:战争...
<div><h1>Foo</h1>{fields.map((field, index) => (<Controllerkey={field.id}name={`foo.${fooIndex}.bar.${index}.data`}control={control}defaultValue={field.data}render={({field}) =>(<input{...field}value={field.value.toString()}/>// Ensure the value is a string )} /...