react-hook-form只在多级表单中注册上一步的表单数据
React Hook Form 是一个用于处理 React 表单验证和数据收集的库。它提供了一种简化和优化的方式来管理表单，并使开发者能够轻松地处理多级表单数据。
在多级表单中，如果需要注册上一步的表单数据，可以使用 React Hook Form 提供的 useFormContext 钩子函数。这个钩子函数可以在组件层级中共享表单的上下文，并允许跨组件访问表单的方法和数据。
以下是如何使用 React Hook Form 处理多级表单并注册上一步的表单数据的示例：
- 安装 React Hook Form：
- 安装 React Hook Form：
- 导入必要的依赖：
- 导入必要的依赖：
- 创建多级表单组件：
- 创建多级表单组件：
在上述示例中，Step1 和 Step2 分别表示多级表单中的不同步骤。使用 useFormContext 钩子函数获取表单上下文，并通过解构赋值获取 handleSubmit 方法和 register 方法。在表单提交时，调用 handleSubmit 方法会自动触发表单验证，然后执行相应的提交处理函数。
MultiStepForm 组件是多级表单的父组件，它使用 useState 钩子函数来追踪当前步骤。在 handleNextStep 函数中，通过调用 methods.reset(data) 注册上一步的表单数据。在 handleFormSubmit 函数中，可以获取所有表单数据并进行处理。
关于 React Hook Form，你可以访问腾讯云的云原生产品Serverless Framework来开发和部署无服务器应用程序。 Serverless Framework 支持 React Hook Form，并提供了一种简单而强大的方式来构建和管理云原生应用。
相关·内容
我使用这个css技巧article构建了一个多级表单，并尝试使用react-hook-form验证该表单，但react-hook-form只能看到step3输入数据，我需要从step1到step3的所有输入数据，这样我才能验证并发送到服务器。这是一个简单的web应用程序的注册表。 import React, { useState } from "react"
import { Link } from "gatsby"
import { useForm } from "react-hook-form"
import { FormTitle } f
浏览 14提问于2020-10-03得票数 1
回答已采纳
我在recommended中是新手，有些人建议我在表单中使用react-hook-form。我不知道这是否相关，但我使用尾风CSS。这是我的问题：
当我在输入的末尾解析ref = {register}时，什么都不会呈现。没有ref = {register}，一切都工作得很完美。如果有人能帮忙，我会很高兴的。
这是我的代码：
import './App.css';
import React from "react";
import { useForm } from "react-hook-form";
function App() {
con
浏览 4提问于2022-08-07得票数 1
回答已采纳
3回答
保存多级jsp表单的数据
、、、
在我的应用程序中，我有许多具有多个阶段的不同JSP表单，即在每个阶段之后，请求被发送到Servlet并被处理以生成下一个表单。问题是我需要保存这些表单的状态(就像在JSF中那样，它是自动完成的)，这样用户就不必在每次到达错误页面或导航回来重新输入他想要更改的内容时输入所有数据。
最好的方法是什么：
1)将所有数据存储在会话中，并在用户提交表单的最后阶段后将其删除。
2)将其全部存储在请求作用域中，并在每次用户导航到不同的页面时进行读/写。然而，这似乎不符合逻辑，因为如果我保存阶段1并在阶段4中需要它的数据，我必须读/写它3次，而不是使用会话作用域时只读/写1次，并且每次要读/写的数据量都会增加
浏览 0提问于2012-06-18得票数 2
回答已采纳
1回答
描述
我有一个组件，它使用对象作为值。
我想在react-hook-form中使用这个组件
问题是react-hook-form 认为我的对象是嵌套的窗体控件。
设置
这只是一个例子。
范围日期选择器是这种行为的常见用例。
组件接受的值：
type ComponentValue = {
a: string;
b: string;
}
构成部分：
const Component = ({ value, onChange }: { value: ComponentValue, onChange: (value: ComponentValue) => void }) => {
浏览 4提问于2022-08-02得票数 1
2回答
在我的项目中，使用Reacti-钩子表单来创建和更新值。但问题是，每当单击update按钮时，都会显示没有数据的空表单。线
import { useState } from "react"
import { useCountryCreate } from "../api/usecountrycreate"
import { useForm } from "react-hook-form"
export const CountryCreateUpdateForm = ({ defaultValues, onFormSubmit, isLoadi
浏览 14提问于2022-08-28得票数 1
回答已采纳
1回答
我试图用yup在react钩子表单上编写错误处理，但是当我想像文档说明()那样传递解析器时，我得到了这个错误：
SyntaxError:无法在模块module.exports =module.exports之外使用导入语句(“@钩子/解析器/yup”)；
我的验证模式：
const schema = Yup.object().shape({
person: Yup.string()
.min(3, "To pole jest za krótkie")
.max(30, "To pole jest za długie")
.requ
浏览 2提问于2021-02-13得票数 1
回答已采纳
我正在使用"react-hook-form“库构建一个简单的html表单：
我已经将"react-bootstrap-typeahead“合并到html表单中，但是还不能用'useForm‘钩子注册这个组件。因此，在onSubmit中，忽略了“react-bootstrap”输入数据。
“”没有提供一个“名称”支柱，这使得注册组件变得很困难。
我已经阅读了关于注册这类组件的不同选项的“useForm”文档，但仍然不明白如何实现这一点：
有人曾面对过这样的挑战吗？
很高兴看到一个有用的例子，以便更好地了解如何在我的应用程序中实现“”+“react form”。谢谢!
下面
浏览 2提问于2020-08-17得票数 1
找不到解决方案。
我使用的是react-hook-form，当表单为空时，我想禁用提交按钮，只要所有表单至少有内容写入，就启用提交按钮。
我该如何使用react-hook-form来做到这一点
浏览 2提问于2020-12-12得票数 7
我正在尝试使用react-bootstrap创建一个Modal react-hook-form with fullscreen modal without form WORK 但是，当我添加表单时，Modal在全屏中不能正常工作。 react-hook-form with fullscreen modal with form NO WORK 我认为问题是在哪里找到表单，以便它在html中正确打印。 谢谢!
浏览 13提问于2021-09-07得票数 0
1回答
如何访问嵌套子窗体以刷新它或引入一些控件。下面我指出了我的表单结构示例。
Forms!MainNav!NavigationSubform!frmOrders!sfrmOrders.Refresh
我就是搞不懂这个引用是怎么回事。什么时候使用！当只是点的时候。何时添加.Form前缀以及何时不添加前缀。或者何时使用[]以及何时不使用[]。我还附上了图像。最后，我只需要刷新第四个数据表表单，它们嵌套到第三个表单中。
浏览 10提问于2018-02-22得票数 0
我正在使用一个具有多个步骤的以编程方式生成的表单(来自json文件)。我遵循Reacti-钩子表单，并将它与嵌套组件结合起来创建创建表单及其页面所需的组件。
我遇到的问题是，如果我用Controller包装组件，当我提交表单时，我有两个id，一个有正确的id和一个未定义的值(这是错误的)，第二个id是错误的，但值是正确的。
import { Picker } from '@react-native-picker/picker'
import { useFormContext } from 'react-hook-form'
import styled fro
浏览 10提问于2022-10-18得票数 0
我在我的应用程序中使用了react-hook-form，并在react-hook-form中使用了autocomplete。 我的自动完成有像1988,1987,1986这样的下拉值，我想我不需要为这个自动完成使用onchange事件，当我从下拉列表中选择1988时，这个值通过react-hook-form传递，而不使用onchange事件。然而，当我从autocomplete中选择一个值并提交react-hook-form时，0被作为参数传递，而不是实际的值。 我知道我们可以使用onChange事件并将选定的下拉值设置为状态，但是我并不打算对表单变量进行任何状态管理，因为react-hoo
浏览 28提问于2021-07-31得票数 1
回答已采纳
1回答
我正在用react-hook-form实现一个多步骤表单，我的问题是当我返回到上一页时，输入字段没有用表单数据重新初始化。
我使用来自react-hook-form的<FormProvider />组件将表单数据注入到页面中，并且我的input组件是使用来自useFormContext()钩子的register方法注册的
const CreateAccount = () => {
const [currentStep, setCurrentStep] = useState(0);
const methods = useForm<FormData>({
浏览 3提问于2021-07-21得票数 1
3回答
我有一个表单，应该在控制台中打印数据，但不幸的是，我无法打印。提交表单时，我希望将数据打印到控制台。表格没有提交，不知道为什么。下面有密码。如果你能决定的话，我将非常感激。
import { Button, Grid, Paper, TextField } from "@mui/material";
import React from "react";
import { useForm } from "react-hook-form";
export default function Page2(props) {
const { han
浏览 7提问于2022-02-02得票数 2
回答已采纳
1回答
我很困惑，因为我已经设法通过不同的方法记录我的数据，但我不明白为什么当我使用props来记录数据(而不是重复代码)时，它不会记录输入。 作为参考，我有一个字段组件，它将接受道具来驱动我的react-hook-form TextField将请求的内容。我想在组件上展开，但在它记录我的数据之前，我无法继续！ 下面是实际记录我的数据的代码： import React from "react";
import { useForm, Controller } from "react-hook-form";
import { TextField, Button } fro
浏览 16提问于2021-07-13得票数 0
回答已采纳
我使用react-hook-form构建了一个多步骤表单，并使用useFieldArray创建了一个动态字段数组。
文档：
以下是完整的工作代码链接：
在第二步中，当我使用添加一个狗按钮添加新字段时，所有操作都很好，使用小状态机将step的新数据保存到本地存储中。
但是，当我单击前一个按钮时，添加的字段将消失，而数据仍在本地存储中。
第二步代码：
import { useForm, useFieldArray } from "react-hook-form";
import { useStateMachine } from "little-state-mach
浏览 9提问于2021-11-12得票数 1
回答已采纳
在添加react-hook-form以简单地验证表单之后，该字段变为只读。我做错了什么？这是一种网格化的形式。警报正在工作，但我无法写入或发送表单。我正在尝试理解react-hook-form是如何工作的。我必须更改表单的所有逻辑吗？react-hook-form能处理幕后的所有事情吗？ import React, { useState } from 'react'
import { navigate } from 'gatsby'
import { FormWrapper } from './ContactForm.styles'
//
浏览 9提问于2021-04-10得票数 0
回答已采纳
2回答
如何在反应本土化的形式？
、、、
我想用表单钩子在本机反应中创建一个表单。这对我不管用。
我已经用以下命令安装了钩子表单：
npm install react-hook-form
这是我的密码：
import React from "react";
import { useForm } from "react-hook-form";
const InscriptionScreen = () => {
return (
<form>
<input type="text" placeholder="Email" nam
浏览 2提问于2020-04-26得票数 0
回答已采纳
3回答
我对Symfony2相当陌生，并设置了一个表单，通过理论将日期时间数据输入到MySQL数据库，但我得到了以下错误：
The form's view data is expected to be of type scalar, array or an instance of \ArrayAccess, but is an instance of class DateTime. You can avoid this error by setting the "data_class" option to "DateTime" or by adding a vi
浏览 3提问于2014-02-14得票数 3
回答已采纳
1回答
我有一些动态字段，可以根据一些钩子状态进行删除/添加。我有从列表中删除的字段，但它们的错误仍然可见。我已经尝试clearErrors, unregister来删除它，但没有任何工作。
这是可能的吗？reset确实可以工作，但它也会重置整个表单。
我正在使用react-hook-form的v6，我不能把它升级到7，这是不可能的。
yup验证器正与其一起用于验证。
浏览 2提问于2021-05-30得票数 0
我建立了自己的注册表，当我尝试注册用户时，它没有反应。FOSUserBundle的所有功能都运行良好。此外，当我使用默认的FOSUserBundle注册表单时，它可以正常工作，并将所有数据保存在我的表中。我应该只使用FOSUserBundle的默认表单还是其他什么？
这是我制作的表格：
<form action="{{ path('fos_user_registration_register') }}" method="post">
<p>
<input type="text"
浏览 1提问于2013-08-01得票数 0
我正在使用react-hook-form，并试图将数据从表单传递给其父窗体。为此，我试图通过回调传递数据，但它不起作用。当我在父组件中console.log data时，我会得到未定义的信息。
父组件
import React from 'react';
import InputForm from './InputForm';
const App = (data) => {
const onFormSubmit = () => {
console.log(data.name);
};
return (
<div
浏览 3提问于2020-07-05得票数 4
回答已采纳
1回答
在互联网上搜索并查看defaultValues属性，下面的技巧是否准备好了代码，但仍然无法工作？
这里出什么问题了？
import {useForm} from 'react-hook-form';
export const ProfileForm = (props) => {
const {register, handleSubmit, setValue, errors} = useForm({
defaultValues: {name: 'test'},
});
useEffect(() => {
register
浏览 2提问于2021-02-17得票数 1
回答已采纳
2回答
我正在使用react-hook-form构建我的表单，它是一个很好的工具。但是，我似乎无法让<Switch />元素根据redux的返回值滑动(false/true)。当我在表单上单击“重置”时，我的所有输入都会重置。我的开关控制没有重置，它们仍然停留在最后一个值上，不管它是否可能被重置。对如何解决这个问题有什么想法吗？
我的开关
<FormControlLabel
control={
<Switch
size="medium"
name="familyFriendly"
defaultCh
浏览 5提问于2021-09-10得票数 1
回答已采纳
我仍然是新的ASP MVC 4，我需要一些帮助，以设计我的基本注册方案与确认页面的控制器。
我有一个表单，用户在表单中输入一些个人信息，并使用验证属性进行一些模型验证。在提交此表单时，在重定向到显示到用户输入的确认之前，我需要调用我的数据层进行更复杂的验证，以便用户能够验证所有内容。因此，只有在提交此确认表单时，才会在数据库中执行create操作。
我读到了PRG模式()，我有点困惑，因为我不希望在注册和确认表单之间的URL中显示任何个人数据。
我希望我能清楚地解释我的情况。
这是一个非常基本的场景，我们在任何地方都能看到，所以我希望在某个地方找到exmaples，但是我找不到关于它的任何文章
浏览 0提问于2014-01-09得票数 0
回答已采纳
具有这样一个简单的react-hook-form示例表单：
import React from 'react';
import { useForm } from 'react-hook-form';
export default function ReactForm() {
const {
register,
handleSubmit,
formState: { errors },
} = useForm();
const onSubmit = (data) => console.log(data);
let
浏览 4提问于2022-03-15得票数 0
回答已采纳
我想知道Azure AD B2C是否可以用两个屏幕显示注册策略中的表单：-第一个只有验证过程(电子邮件字段，发送验证代码按钮，加密密码，.)，第二个屏幕显示我们需要的所有数据(密码、国家、名称)。
webview也需要定制，但这里没有问题。
Thx !！
浏览 2提问于2016-12-13得票数 1
回答已采纳
2回答
我有三班A，B，C。
A类创建B .B类创建C类。
类C使用某些数据在某些操作/操作后引发事件，这些数据由B类中的事件处理程序处理。
现在，我希望处理或传递相同的引发事件数据给A类。
我知道我可以从B班提出另一个事件，并在A类中处理，但是否有更好的方法来处理这些事件？
编辑：不使用Inheritance.i会给出一个psuedo代码。
请不要理会语法，我做过这样的事。
Class A
{
B objB;
public void init()
{
objB= new B();
addeventhandler(objB);
objB.
浏览 3提问于2010-04-22得票数 0
回答已采纳
我目前正在尝试测试我的表单，它有一些非常嵌套的组件和复杂的逻辑。因此，与其实际上模拟userEvents，然后提交表单，不如模拟handleSubmit的返回值。
这是我的反应成分：
import React from 'react';
import { FormProvider, useForm } from 'react-hook-form';
export const MyForm = (): JSX.Element => {
const methods = useForm<{ name: string }>();
c
浏览 15提问于2022-05-25得票数 0
我正在开发一个Ionic React应用程序，我想使用React Hook表单和Yup解析器来提交表单。我的表单包含一个单选按钮和另外两个输入。 我在使用单选按钮时遇到了困难。我应该如何编写它才能存储它的值并提交？下面是我的组件。即使我选择了其中一个单选按钮，也没有存储任何值。 import { yupResolver } from "@hookform/resolvers/yup";
import * as yup from "yup";
const validationSchema = yup.object().shape({
firstName:
浏览 24提问于2021-05-07得票数 4
回答已采纳
我正在尝试处理一个由两部分组成的表单，一部分是固定的，另一部分是通过开关显示的。 来处理我使用的react-hook-form的表单。 我在constants文件夹内的validation.ts文件中定义了一个验证方案。关于可选部分，我定义了一个子对象，但它不起作用，并给出了一个编译时错误。因此，我选择了您可以在页面底部的链接中找到的解决方案 尽管我在验证文件中定义了可选输入字段，但当我按下submit按钮时，它们不会被识别。 我如何解决这个问题？ 在这个link中，您可以找到该问题的工作示例。
浏览 8提问于2020-08-17得票数 0
回答已采纳
我想用JSP和ORACLE 10g开发一个简单但不会失败的在线注册系统。我希望在线用户在step1中提供他们的基本细节，插入数据，重定向到步骤2，允许用户输入其余的详细信息并最终提交表单。但在第二步中，数据将根据序列号进行更新，序列号通过表单隐藏字段作为变量保存。这些应用程序并不是新的，我是在问如何去做。但我担心的是这一策略的利弊。如果将所有数据一次插入数据库，而不是分步骤插入，我也会欢迎您的意见。提前谢谢。
浏览 4提问于2013-11-30得票数 0
回答已采纳
3回答
如果有人愿意帮助我，我需要一些建议/想法:我有一个用于操作图片的javascript接口。基本上，它是关于移动照片的。完成后，图像的位置将保存到Django表单中，然后保存到数据库中，所有者保存为当前用户。现在的诀窍是，我希望能够允许非注册用户玩这个界面，然后如果他们喜欢的结果，他们点击保存，并被重定向到一个帐户注册页面，只有到那时，表单实际上是保存与他们的用户作为所有者。
我现在想到的是将表单的值保留在会话中，但我不知道一旦匿名用户注册并成为另一个用户，会话会发生什么。我也在考虑在注册过程中使用'next‘参数，在url中填充get参数，这将是表单的内容，但我不知道userena是否
浏览 0提问于2012-07-24得票数 1
回答已采纳
1回答
我使用表单创建了这个表单：
import React from "react";
import ReactDOM from "react-dom";
import { useForm, SubmitHandler } from "react-hook-form";
import "./styles.css";
function App() {
type FormValues = {
firstName: string;
lastName: string;
email: string;
};
浏览 7提问于2022-11-02得票数 0
1回答
状态机使用react-hook-form来制作我的表单，但是在提交表单之后，我想要在提交后清除存储空间；
这就是我如何创建我的商店；
createStore({
data: {}
});
这是我的提交函数
const onSubmit = (data:any) => {
action(data);
props.onSubmit(state.data);
// I need a function to clear the data to not complete my forms after i submit
}
下面是我想
浏览 16提问于2020-11-13得票数 0
回答已采纳
我正在使用react-hook-form、axios和功能组件将一些数据从浏览器输入表单发布到数据库中。然而，我只是不知道如何让axios.post识别“输入的表单数据”的基本方法。表单完全正常工作，我可以输入数据，并且可以在浏览器控制台中看到有效的对象。但是我的请求负载只有{}。 API端点也通过邮递员进行测试。我还验证了后端是很好的，因为我成功地直接从我的React脚本中测试了json对象(来自postman测试代码片段)。只是我不知道如何将表单输入数据放入axios.post中。尽管在谷歌和youtube上花了几个小时，也没能找到一个简单的答案！所以请帮帮忙！ 抱歉，我是编程新手，这是
浏览 22提问于2021-10-13得票数 1
我使用react-hook-forms作为我们的应用程序表单的功能/验证，并使用MUI/Material作为我们的组件库。如果输入具有required属性集，则MUI将自动将required附加到输入标签中，但是，当我们将required属性添加到输入中时，HTML5表单验证优先于使用rules支柱进行react-hook-form验证。
我们如何将这两个概念结合使用，以便MUI在所需字段上附加*，但是react-hook-form的rules验证被应用而不是HTML5 5的验证？
浏览 20提问于2022-11-22得票数 0
4回答
从反应钩式登记是什么类型的？
、、、、
当使用带有类型记录的Reacti-钩子表单时，有一个组件发送一些支持，register就是其中之一。
当在接口中声明其类型时，问题是：
export interface MyProps {
title: string;
...
register: (string | undefined) => void;
}
在这里声明register的正确方法是哪一种？
也曾尝试过：
import { RegisterOptions } from 'react-hook-form';
export interface MyProps {
title: s
浏览 9提问于2021-12-21得票数 2
我想使用react-hook-form在输入字段中提供默认值。首先，我从API端点检索用户数据，然后将状态users设置为该用户数据。然后，我将状态users传递给useForm()的defaultValues。
import React, { useState, useEffect } from "react";
import { useForm } from "react-hook-form";
import axios from "axios";
function LoginFile() {
const [users, setUser
浏览 4提问于2020-10-12得票数 15
回答已采纳
2回答
使用Yup访问必填字段
、、、
我使用react-hook-form和yup来验证我的表单。 我想知道模式的所有必填字段，以便在表单中显示一些信息(如'*‘表示必填字段)。我们可以用下面这行代码实现这一点： schema.describe().fields[field].tests.findIndex(({ name }) => name === 'required' 但是，此代码不适用于条件验证。 模式示例： const schema = yup.object().shape({
email: yup
.string()
.email()
.required(
浏览 57提问于2020-10-20得票数 1
回答已采纳
我对REACT-HOOK-FORM是个新手。我已经创建了一个个人资料页面，在那里我需要创建两个单独的表单。一次用于“更改密码”，另一次用于“更改个人资料”。我正在努力通过REACT-HOOK-FORM创建两个独立的表单，并利用它来提供验证。 const { handleSubmit, errors, control, reset, setValue } = useForm({
mode: "onSubmit",
reValidateMode: "onChange",
defaultValues: "",
validateCriteriaMode
浏览 146提问于2020-09-02得票数 2
回答已采纳
我一直在尝试使用React-hook-form和Chakra UI组件库在Next.js中实现一个登录表单，但是我不明白为什么尽管我完全遵循了React-hook-form文档，我的表单验证错误消息仍然不能显示。我有它的设置，用户名必须是2-30个字符的长度和密码必须至少是8个字符的长度；两个输入字段都是必需的。在有效的表单提交时，将弹出一个警报，表示成功提交。然而，对于无效的表单提交，错误消息应该显示在无效输入的下面，但事实并非如此。然而，我已经注意到，无效的输入字段将在提交时获得焦点。 这就是我所看到的：https://codesandbox.io/s/quirky-wave-jgpwf
浏览 20提问于2020-09-07得票数 1
回答已采纳
我有一个材料ui步进器，其中有多个表单使用react-hook-form。当我在步骤之间切换时，我希望一个新的useForm钩子创建新的register函数来注册新的表单字段，但是当我在步骤之间切换时，第二个表单具有第一个表单中的数据。我见过至少一个问题，有人试图在同一组件内的同一页面上创建两个表单，但在本例中，我试图使用组件的不同实例在不同步骤中创建两个唯一的表单。react-hook-form似乎不知何故没有更新useForm钩子，或者回收了添加到第一个register调用中的表单字段。 为什么react-hook-form不使用新的register函数将表单域注册到新的useForm挂
浏览 18提问于2021-03-27得票数 1
回答已采纳
1回答
我有一个使用react-hook-form构建的组件。我正在尝试通过一个与form组件同级的按钮来访问Form中的值。基本上，getvalue函数应该以某种方式获得表单中的值。
Form.tsx
export default function Form({ onSubmit }) {
const { register, handleSubmit } = useForm({
defaultValues: {
firstName: "bill",
lastName: "luo",
email: "b
浏览 17提问于2021-06-08得票数 0
我试图使用Material-UI Autocomplete作为多个输入，并动态地使用react-hook-form和control -- Autocomplete的defaultValues (在编辑数据时，根据从数据库获取的已经保存的数据呈现预填充的组件)。
所以主要的问题是：
控制Material-UI Autocomplete组件中的默认值并与react-hook-form一起使用的最佳方法是什么？
到目前为止我所做的：
使用函数和钩子进行反应，我在react表单的Controller中包装了一个自动完成组件来控制状态。我试图实现MUI和react-hook-form文档中的解决方案以及
浏览 5提问于2020-07-29得票数 7
1回答
我用react-hook-form创建了一个表单。它可以在控制台中正确记录"fullName“和"city”，但不能正确记录单选按钮。使用单选按钮，结果为"null“。
我的代码如下。
import React from 'react'
import './App.css';
import {useForm} from "react-hook-form";
function App() {
const {register, handleSubmit} = useForm();
function onSu
浏览 17提问于2021-05-21得票数 2
回答已采纳
1回答
多级复杂Rails表单
、、、、
我正在尝试在我的rails应用程序上创建一个多级ajax表单，该表单可以在单击按钮时在表单中添加/删除与新对象关联的字段。但是，我需要这个表单有多个级别(例如，如果有人添加了一个"Meal“对象，那么在创建的"Meal”表单中也必须有一个用于“添加食物”的按钮。)
我遵循了Ryan Bates ()的这篇教程(第1-3部分)，但它只描述了单级表单。然而，rails的原型助手命令不允许我将javascript放在javascript中(正确转义字符有一个问题)。我还能怎么创建这样的表单呢？谢谢。
浏览 2提问于2009-07-29得票数 1
回答已采纳
3回答
我很想用react-hook-form实现一个表单。我试过这个：
....
<form onSubmit={handleSubmit(onSubmit)} className='mt-4 register-form'>
<div className='row'>
<div className='col-sm-6'>
<div className='input-group mb-3'>
浏览 5提问于2022-08-14得票数 1
回答已采纳
我将react-hook-form与material-ui一起使用。我正在用我的自定义组件包装一个表单和输入组件。此表单上的验证只起一次作用。对于下一次以后，此表单不会响应，也不会提交或未验证。有没有人能帮我弄明白这里出了什么问题？
浏览 14提问于2020-03-13得票数 0
回答已采纳
我想在我的盖茨比项目中创建一个使用FlexyForm的联系人表单，以便通过电子邮件发送信息。它的设置非常简单，您只需要添加到一个普通的表单HTML标记- method="post" action="https://www.flexyform.com/f/flexyformkey" 所以我有一个像这样的表单，可以正常工作，然后我想添加表单验证，所以我使用了react-hook-form，验证效果很好，但是在验证之后，它不会向FlexyForm发出post请求。 我填写表单以满足验证并点击send按钮，但是除了将注册记录到控制台之外，什么也没有发生。如果没有rea
浏览 10提问于2020-03-28得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
