1回答
我有一个表单，在提交时显示表单的结果，但更重要的是，滚动到一个显示结果的组件中。我被困在试图传递裁判和向前裁判。我看到的所有演示都是同一个文件中的组件。我的设置如下：
App.js包含两个组件--提交表单的Form.js和显示表单提交结果的Results.js。Results.js组件在页面的下方，所以当用户单击表单上的enter时，我想滚动到该组件。
下面是一个演示我的设置的。
这里有相同的代码：
// App.js
import "./styles.css";
import Form from "./Form";
import Results from &#
浏览 1提问于2022-02-26得票数 3
回答已采纳
如果我有一个web2py视图(比如tmp.load)，我可以通过从on submit处理程序返回false来强制不提交表单。
<form onsubmit="return false;"><input type="text"><input type="submit" /></form>
当我直接查看它时，这是可行的:这个表单从不提交。但是如果我使用以下命令加载此视图
{{=LOAD('tmp.load', ajax=True)}}
然后表单提交，尽管我希望它不会提交。那么，我如何编写
浏览 0提问于2016-11-23得票数 0
我试图制作一个简单的“我的帐户”页面，在反应，用户可以编辑他/她的帐户详细信息。我有两个组件，导航条和表单本身，然而，表单的submit按钮在navbar组件中，而表单本身在accountdetails组件中。它们都共享一个父组件(App.js)。如何使屏幕右上角的按钮(编辑按钮)充当表单的提交按钮，使我的所有表单验证工作和用户不能提交不正确的数据。
您可以在这里找到相应的代码：
浏览 2提问于2021-09-05得票数 0
回答已采纳
1回答
如果我在表单中放置一个按钮并单击它，则只触发按钮单击事件。
但是，如果我构建了一个按钮组件“my”，将该按钮替换为“my”，然后再次单击它，它会触发按钮单击事件，但也会提交表单。
它的行为应该是这样吗？如何使我的组件不提交表单？
App = Ember.Application.create();
App.ApplicationController = Ember.Controller.extend({
actions: {
clicked: function() {
alert('click');
},
submitted: fun
浏览 1提问于2015-04-08得票数 0
回答已采纳
1回答
我正在学习使用钩子的reactjs表单，现在我想测试表单提交使用jest和酶。
这是我的登录组件。
<code>A0</code>
这是login.test.js文件
<code>A1</code>
不幸的是，当我运行<code>D2</code>时，我得到了以下错误。
<code>B3</code>
我需要做什么来解决这个错误，或者有人可以提供关于如何测试表单提交的教程？
浏览 14提问于2020-11-15得票数 3
回答已采纳
1回答
我正在尝试在React上创建一个多步骤表单。
现在，我有一个只需一步的表单，它只需呈现组件，并在表单提交后显示另一个组件。
这可以在上找到(对于缩进，Github总是会把它搞砸的)。
如果我想让父组件Form.js呈现每个表单步骤，我该如何处理多表单表单的状态呢
Form.js -> Step1 (Child of Form) -> Step2 (Child of Step1) -> etc?
我尝试过各种NPM模块，但它们似乎不能很好地相处或工作。
有没有一种方法可以获得父表单组件中所有步骤的状态，以便我可以从那里提交数据(并在成功提交表单后验证每个步骤并重置状态)？
这是
浏览 0提问于2017-07-19得票数 0
我的所有状态都在我的父App.js中。我已经像这样初始化了状态。
this.state = {
name: ''
}
我有一个子组件Child.js，它是无状态的。现在，我有了一个Child.js格式的表单，在提交表单时，调用函数onSubmit()，然后该函数将数据发送到我的数据库。有两种方法可以将数据从子组件传递到onSubmit函数。我可以将数据作为参数从Child.js传递，然后在我的App.js中将其用作参数，如下所示。
Child.js
<Button
title="Save"
onPr
浏览 1提问于2018-03-16得票数 0
2回答
ProductTable.js
从“react”导入React，{ useEffect，useState }；
function ProductTable() {
useEffect(() => {
fetchData();
}
const fetchData = () => {
axios
.get("http://localhost:4000/api/products/product/viewAllProduct")
.then((res) => {
const getData = res.d
浏览 7提问于2022-11-08得票数 0
ParentForm.js
<FormSection name="ChildRequestForm">
<ChildForm />
</FormSection>
在ParentForm中提交表单时，它应该从ChildForm组件获取值，这很好用。
但是，一旦ChildForm组件有了连接的reduxForm，例如：
ChildForm = reduxForm({
form: 'ChildRequestForm'
})(ChildForm);
则父窗体将不再能够在提交时检索子窗体的值。
因为表单需要分派“chang
浏览 10提问于2018-08-21得票数 0
回答已采纳
1回答
这是我的FormHandler.js的渲染部分的一个示例： return (
<div>
<CustomForm1 data={ testProps1 }/>
<CustomForm2 data={ testProps2 }/>
</div>
) CustomForms是我创建的两个表单组件，每个组件都有自己的"get“和"post”请求到后端(本例中为django)。 有没有可能： 首先，在FormHanlder.js中创建一个按钮，使用自定义表单组件各自的"post“函数提交它们的值 其次，提
浏览 32提问于2021-04-05得票数 1
回答已采纳
我有一个Ember JS (v2.2.0)组件，它有一个带有submit方法的表单。
在提交表格时，我想要过渡到另一条路线。我该怎么做？
浏览 2提问于2016-01-02得票数 2
回答已采纳
我是Vue JS的新手。我已经创建了两个不同的组件Login和Register，但使用相同的表单代码，我的意思是像电子邮件输入、密码输入和提交按钮，我熟悉了Mixins，所以我创建了一个用于提交表单的mixin，我在注册和登录中使用相同的mixin //这是混合 data() {
return {
email: "",
password: ""
};
},
methods: {
onSubmit() {
console.log(this.email);
},
}, 我如何创建一个
浏览 19提问于2021-02-06得票数 0
回答已采纳
我一直在使用Django开发应用程序，它有许多表单，每个表单位于不同的页面中。在第一个视图中，我只问用户一个简单的信息，即发送到Python的帖子，并使用一些公式。我以前这样做的代码如下所示，并且运行平稳：
<html>
<head>
<title>Data</title>
</head>
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'app/content/bootstrap.css' %}"
浏览 0提问于2019-01-22得票数 0
回答已采纳
我想问题已经在这里得到了回答，但我就是不明白。
我希望用户进行搜索，并将该值传递给父组件，这样我就可以在整个应用程序中使用它作为状态。
// App.js
const App = ({ children }) => (
<div>
<Grid>
{ children }
</Grid>
</div>
);
这是路线。我想在Index.js搜索(提交表单)时更新App.js中的状态。
render(
<Router history={ browserHistory }>
<R
浏览 2提问于2017-09-03得票数 0
我有一个简单的React应用程序，并使用React-Router在成功提交表单时重定向到感谢组件。这很有效，但当用户单击浏览器的后退按钮或刷新时，它会保持加载感谢组件，但会删除路由。我确实在应用程序状态下有一个名为‘formSubmitted’的变量，当表单提交并显示时，它将更改为true，并关闭感谢组件的主要主页组件。因此，我猜在单击或刷新后退按钮时保持为真。任何帮助都将不胜感激！ 我曾尝试在IF语句中使用PerformanceNavigation.type == 2或1来检查单击，然后将setState of formSubmitted重新设置为false，但未起作用。 Router.j
浏览 7提问于2019-09-06得票数 0
回答已采纳
我的反应组件index.js如下所示，
function Manage() {
return (
<>
<Head>
<title>Management</title>
</Head>
<PageTitleWrapper>
<PageHeader />
</PageTitleWrapper>
<DataTable />
</>
浏览 3提问于2022-02-17得票数 0
当用户提交表单时，我希望他们得到多个模态的提示。 基本结构:我的应用程序是这样设置的:要显示一个模态，你所要做的就是调度一个动作，并将模态主体作为该动作的有效负载。 dispatch({type: SHOW_MODAL, payload: <MyModal />}) 当用户提交表单时，saga会发出一个动作，因此我们现在就进入了saga的境地。我想要做的是在表单实际提交到后端之前，让用户依次看到几个模态。 // mySaga.js
function* submitForm() {
// show a modal
// then show another modal
浏览 12提问于2020-01-28得票数 0
回答已采纳
1回答
我在Ember.JS中完全是绿色的，我用Ember教程制作了简单的收养庇护所应用程序，因为我在前端使用了ember，而Strapi (Node.JS)作为一个无头CMS。我有所有的端点，我的余烬前端通过JavaScript的fetch使用GET方法成功地获取数据。然而，我想让用户创建基于表单提交的帖子请求，我找不到任何好的例子或教程如何在ember.js中正确地对表单提交发出帖子请求，请您帮助我解决如何做到这一点？
浏览 4提问于2022-02-17得票数 1
我一直在尝试使用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
回答已采纳
当成功提交表单时，我正在尝试呈现其他组件。表单有不同的rails布局，在表单提交后，它会使用不同的布局进行重定向。
使用react-router和重定向对象来渲染组件，但是如何使用布局来渲染它呢？此外，我想显示闪光信息后，表单提交与反应。因此，如果在提交表单后重新加载页面，则无法在react组件中设置flash消息。有什么建议吗？
谢谢。
浏览 0提问于2018-05-09得票数 3
我正在开发使用ReactJS的货币转换器应用程序。这个程序是关于从一种货币到另一种货币的转换。该应用程序有一个表单，包含一个带有提交按钮的字段。此外，它还将初始货币“美元10”作为默认值。 当用户在字段中键入货币缩写(例如: KRW)并单击提交按钮时。在表单下面会有一个结果，显示从USD到KRW的转换结果。如果用户想要添加更多货币，将在"KRW“转换结果下方显示另一种选择货币。 当我试图使函数显示结果时，用户在字段中提交货币的缩写。 这是错误： Uncaught (in promise) TypeError: Cannot read property 'rates'
浏览 39提问于2019-06-15得票数 0
回答已采纳
1回答
我比较新的反应，在理解从子组件到父组件之间传递道具/状态时遇到了一些困难。我成功地实现了一些有用的东西，但它是非常滞后的。
概述:我正在尝试创建一个包含多个材料UI TextFields的表单，在表单的末尾有一个提交按钮来提交表单。
我的方法是:使用state更新输入的各个文本字段，然后动态更新父FormSection文件中的另一个状态。一旦用户单击'Submit‘Button (尚未实现)，它将从父类获取所有状态。
现有课程：
CompanyField.js
JobTitle.js
FormSection.js (主文件)
CompanyField类(职务名称等
浏览 2提问于2022-03-31得票数 0
1回答
我在Sencha Touch中见过几个表单验证的示例，但对于我想要做的事情来说，所有这些都显得过于复杂。我不需要模型或存储，因为有问题的字段将在服务器端处理。在提交表单之前，有没有什么简单的方法可以简单地检查表单中的字段是否已填充？
我试过了
if (myForm.getComponent('fieldset').getComponent('myField').length == 0)
{
/// Do something
}
但是，即使字段为空，也不满足条件。控制台中没有JS错误。
浏览 0提问于2011-09-03得票数 2
回答已采纳
1回答
我正在尝试集成一个条纹结帐表单到我的网站上，这是从heroku上的node.js服务器运行的。
收集付款资料的表格由条提供：
<form action="/updatepayment" method="POST">
<script
src="https://checkout.stripe.com/checkout.js" class="stripe-button"
data-key="pk_test_DNdN11LpouG0f1x4_____"
data-amo
浏览 0提问于2018-12-01得票数 0
回答已采纳
我正在构建一个下一个js应用程序。不幸的是，我必须创建两个组件，因为设计是关键。在这里，在一个组件中，我必须添加表单和另一个组件，我必须添加提交按钮。一切都很好，但是我如何从另一个我放置了提交按钮的组件调用onSubmit事件。请帮帮我。 第一个组件(表单组件) import { Box, InputBase } from "@mui/material";
import { useForm } from "react-hook-form";
const OrderPlaced = () => {
const {
register
浏览 29提问于2021-11-15得票数 0
回答已采纳
1回答
我想在表单中提交值，但每次按submit按钮时，我都会得到以下错误：
Uncaught TypeError: login is not a function
at Object.submit [as fn] (eval at Yr (vue.min.js:7), <anonymous>:2:369)
at HTMLFormElement.<anonymous> (vue.min.js:6)
在我的HTML代码中，我的表单声明为：<form v-on:submit.prevent="login">
在JS中，如下所示：
// register
浏览 1提问于2017-02-05得票数 2
回答已采纳
1回答
提交此表单后，我希望能够将用户重定向到下一页(posts页面)。
然而，我尝试通过创建一个<button onClick={() => <Redirect to="/posts" />}，但似乎不起作用。几天前对我来说还不错，但现在我不知道我错过了什么.
这是我提交表单的当前文件，希望用户在提交表单后被重定向
Auth.js
import React, { useState } from 'react'
import { actions } from './sagaSlice';
import { connect } fr
浏览 1提问于2020-06-28得票数 0
回答已采纳
我已经在react.js中创建了一个带有下面代码的注册表单，它工作正常，但是我想改变表单提交，而不是将事件写在锚标签上保存表单，我们可以使用react.js form来提交表单吗？或者如何使用保存字段。
下面是我的代码片段-
<form className="clearfix" name = "signup" id = "signup" method = "post" encType="multipart/form-data" onSubmit = {this.signupUser} autoComplete
浏览 0提问于2016-04-15得票数 0
2回答
我有一个巨大的表单，它在一个外部网站上(不控制源代码)，是用Vue.js创建的。我正在尝试使用控制台批量更新此表单。当我尝试使用jQuery更改字段的值时，如下所示 $('#build-table-body').find('.input-group__input input:eq(3)').val('222') 我可以让输入中的值进行更改，但它实际上并不持久。当我移动到另一个字段或提交表单时，这些值就会恢复到以前的状态。 如果有帮助，该网站正在使用vue.js 2.5.2，vuetify和vuex。我无法共享站点，因为它只能通过VPN访问。会非
浏览 38提问于2020-07-03得票数 1
回答已采纳
1回答
我正在创建一个CommentBox。 我正在尝试在表单提交后刷新评论列表。 #CommentBox.js
const CommentBox = (props) => {
return (
<div className="comment_area clearfix mb-5">
<div className="section-heading style-2 mb-5">
<h4>Comment</h4>
<div className
浏览 15提问于2020-10-16得票数 1
回答已采纳
我是新来的，所以请容忍我。
我想做的是：
实际上，数据从子组件传递到父组件，然后返回到另一个子组件。
<ParentComponent>
<ChildComponent1>
<ChildComponent2>
</ParentComponent>
子Component1有一个表单。当提交表格时..。
1.)状态应该根据表单的内容进行更新。
2.)状态数据应该传递给父组件。
3.)父组件应该将数据传递给ChildComponent2。
4.)ChildComponent2现在可以访问来自ChildComponent1的数据，并且可以操作所述
浏览 1提问于2020-01-14得票数 0
回答已采纳
1回答
在以reactJs提交表单后，我如何移动到下一页。每当我提交表单时，数据都存储在我的firebase数据库中，但是在提交表单后，我无法转到下一页。我使用的反应路由器，但我不知道是什么问题，它是什么，我也收到了两个警告在我的控制台。
import React, { useState } from "react";
import { useNavigate } from "react-router-dom";
import "./contactForm.css";
function ContactForm() {
const navi
浏览 6提问于2022-02-05得票数 1
1回答
目标:用户单击来自自定义登录页的链接标记<Link>，指向注册自定义页面。在注册页面中，在OnSubmit提交表单后，将用户重定向到登录页或React Admin中的任何页面。
问题:在函数中，重定向不起作用，也没有效果。它意外地重新呈现表单并停留在注册页面上。
//./CustomRoutes.js
<Route exact path="/signUp" component={SignUp} noLayout />
//./App.js
<Admin theme={theme}
initialState={initialState
浏览 2提问于2020-07-13得票数 0
我正在通过使用钩子构建一个输入表单来练习React props。当我在NewList组件中输入输入并单击submit按钮时，它的值将以HTML元素的形式呈现在MyJobList组件上。问题是当我提交表单时，网页上什么也没有显示。可能是我错误地传递了数据。 这是我的代码。我已经最小化了它，以突出可能存在的问题，并包含了以下完整代码的链接： newlist.js const NewList = () => {
const [inputState, setInputState] = useState({});
const onSubmitList = () => {
s
浏览 17提问于2020-07-05得票数 0
回答已采纳
这个Redux表单中的MapStateToProps的目标是检查用户是否在数据库中，并将一个validuser状态传回给提交的表单，这样我就可以呈现错误消息，或者将用户重定向到主页。问题是，当我试图将MapStateToProps连接到表单时，它会抛出一个错误。
Redux表格：
import React, { Component } from "react";
import { connect } from 'react-redux';
import { reduxForm, Field, Form, reset } from "redux-form&
浏览 5提问于2017-04-02得票数 1
回答已采纳
我得到了表单的一个主要组件和部分的三个组件
现在在主表单中，我有提交按钮，我想用它来向服务提交所有的区段数据？
我如何才能做到这一点？
是否在所有部分组件中使用输出事件发射器，并在提交之前获取主表单组件中的数据？
谢谢
我正在angular2中创建一个表单(包含多个部分)，此表单将成为审批工作流的一部分。
工作流将不在angular2中，尽管表单将从工作流中引用。当我们从工作流的不同阶段打开表单时，它将允许用户仅查看或编辑表单的某些部分。
我应该如何设计我的带有部分的表单？
1)整个表单使用一个组件？
2)每个部分都有单独的组件，并且有一个主要的父组件？
在表单加载时；运行业务逻辑检查，以确
浏览 1提问于2016-11-18得票数 1
3回答
我刚刚从Next.js和SPA世界开始。我已经习惯了PHP和普通的JS，所以这对我来说是全新的。
所以我有一个表单，基本上有一个文本输入和一个提交按钮。我需要做的就是根据用户提交的文本字段来重定向用户，但是我不知道怎么做。
例如:表单在主页中，用户输入"foo“并提交。结果应该是用户被重定向到"/channel/foo“。
有小费吗？谢谢!
浏览 28提问于2021-12-26得票数 3
回答已采纳
1回答
我有一个发出ajax请求的表单，问题是每次单击它时，它发出该请求的次数都会增加一倍。
现在，我确信这是因为我设置了提交拦截的方式，但我不知道怎么做，同时仍然将它封装为一个组件。
我使用function作为我的视图层，我附加了一个函数，它包含拦截请求的代码，这个函数在afterMount回调和after_update回调中都被调用；如果我不这样做，那么表单提交就永远不会被拦截，或者它只拦截它一次，然后只执行正常的提交。
现在，很明显，它是倍增的，因为这些事件触发并添加了一个额外的提交处理程序。
我使用opal和react.rb，所以代码看起来可能有点奇怪。
下面是我的函数，它拦截表单上的提交操作
浏览 1提问于2015-08-20得票数 0
回答已采纳
我有一个自定义组件类，它在应用程序中使用React Native Picker显示选择列表。这个组件是由我使用react导航的createBottomTabNavigator()创建的一个屏幕导入的。 使用这个类的屏幕有一个窗体。用户填写表单，并在提交时将用户定向到另一个屏幕。我正在努力的是，当用户返回到相同的表单屏幕，而不是Picker list被重置为其默认值时，我看到的是具有以前选择的值的列表。从类提交表单时如何重置它？ 选取器列表组件如下所示 import React from "react";
import {View, Text, StyleSheet,
浏览 16提问于2021-01-18得票数 0
回答已采纳
我正在创建一个redux shell，其中包含了实质性的ui输入--我正在尝试创建一个genericForm处理程序，它将允许一个字段和按钮对象被注入到组件中--我现在需要创建一个由于设计原因没有提交按钮的表单，但是如果没有按钮，我就能够在字段更改时提交表单。
我有一个handleChange函数，它将侦听所有字段类型的onChange事件，并带回字段名和新值--它现在可以知道表单hasButtons --但我不确定在哪里以及如何开发它，以便在某个字段发生更改时将数据提交给父类。
FormShell.js
import React from 'react';
import {
浏览 6提问于2020-10-02得票数 0
回答已采纳
2回答
我陷入了一个我甚至不知道是否有可能解决的问题。我的要求是，我有一个可以有许多自定义的表单，但是每个定制的提交都是相同的，以避免重复我想要创建一个子组件的代码，在其中注入html元素。我创建了一个堆栈闪电战
我的问题是我不能在子组件中提交表单。那么，这是否可以将表单传递给子组件，然后在子组件中提交表单？
浏览 0提问于2020-07-04得票数 0
回答已采纳
2回答
我需要使用CQ5表单创建一个电子邮件注册表单，但是它必须是内置的compoenet的组合。
例子-它应该是一种随从中显示的内容，比如“注册”compoenent/form。在这里，作者应该能够拖放这个注册组件/表单&它应该包含所有的值，比如名字、姓氏、电子邮件、密码等等，还有一个提交按钮，这个按钮应该进入表单提交。
对此有任何看法，请分享。
浏览 2提问于2014-01-09得票数 0
回答已采纳
1回答
点击按钮应该会显示一个旋转框，同时也会提交表单，在阿尔卑斯V2中这是正常工作的，但是在Alpine.js V3中旋转框可以正确显示，但是表单不再被提交。我尝试在x-on-click中返回true/false，但这没有什么区别。 换句话说:我如何实现x-on:单击也可以在Alpine.js V3中提交表单？ order.blade.php： <form method="POST" action="{{ route('wishlists.presents.order', $wishlist->id) }}">
{{ metho
浏览 49提问于2021-08-13得票数 2
回答已采纳
1回答
我正在使用Rails作为后端的Ext JS表单提交..当我使用Chrome时，一切都很正常，即值被插入到数据库中，但当我为我的应用程序使用任何其他浏览器时，即IE或Mozilla，表单值不会被插入到数据库中。原因是什么？？我是不是遗漏了什么？?我在IE & Mozilla收到一个“提交”的警告，但我猜它没有到达我的rails的控制器(Url)，appn...Following是代码：
var sbtn=Ext.getCmp('submitbtn'); sbtn.on('click',function(){ var
浏览 0提问于2011-04-15得票数 0
回答已采纳
2回答
我试图按如下方式使用这个功能：
在index.js上，我声明一个关闭我的模态组件(包含redux表单)的函数，以及一个分派提交操作的函数(用于远程提交)。两者都通过道具传递给AccountScene (表示组件)。
在layout.js上，AccountScene组件通过道具将两个函数传递给CreateAccount.js (包含表单的最终组件)。
最后，当我按下acceptButton on UTModal组件时，我需要提交表单(在这个测试用例中，关闭模式)。
我尝试将这个配置参数传递给redux表单装饰器：onSubmit: submitModal，但是抛出了error: 'sub
浏览 3提问于2017-06-16得票数 0
回答已采纳
1回答
我已经在页面中拖动了预定义的表单组件。
我想配置这个表单组件，即默认情况下它指向它自己，数据以BulkEditor形式出现。我希望我的数据被提交到我自己的servlet。那么我如何使action="/MyServlet“
我还想在这个页面中包含我的.js验证，我尝试使用这个链接，但是我没有在页面属性中添加.js的选项，为什么？
浏览 3提问于2014-03-12得票数 0
回答已采纳
我有一个从WebPage派生的简单FormPage，定义如下：
public FormPage() {
final FeedbackPanel feedback = new FeedbackPanel("feedback");
add(feedback);
final TextField<String> entry = new TextField<String>("entry");
final Button button = new Button("button");
butt
浏览 2提问于2012-11-03得票数 3
回答已采纳
只是想知道是否有可能使用h:dataTable动态地(以AJAX方式)向表单添加元素，而不总是提交当前内容？通常情况下，必须始终发送datatable的完整内容，因为整个datatable都会重新呈现。如果数据表变得很大(比如100行)，这会大大减慢页面的速度，因为每一行都会被发布。
使用原始JS做这件事不是问题，但是用JSF可以避免吗？当然，如果我们不通过AJAX请求发送所有行数据，它仍然是轻量级的，但我们将丢失对表单所做的所有更改。
浏览 0提问于2010-10-04得票数 1
回答已采纳
我希望有一个字段数组，可以由用户通过添加无限数量的输入文本字段的键/值对来生成。提交表单后，应该保存字段，当返回表单时，应显示提交的字段数组，并具有相同的功能。这意味着用户应该再次能够添加输入文本字段的新键/值对或删除它们。
表单有单独的组件，其中一个组件使用React的useFieldArray钩子。输入组件是被控制的组件。
我在上做了一个简单的应用程序。
首先，如果单击add按钮，一切看起来都很好。字段将被添加并提交。
但我不知道如何显示传递给ArrayFields组件的ArrayFields道具值，请参阅index.js:30
<ArrayFields
fieldset={[
浏览 12提问于2022-01-25得票数 4
回答已采纳
2回答
我已经学习React几个星期了，我正在尝试创建一个react应用程序，它显示一个表单，当提交时，它接受输入并创建madlib语句。但是，当我提交表单时，GenerateMadlib组件没有被呈现。感谢您的帮助！./Madlib.js
const Madlib = () => {
const [formData, handleChange, resetFormData] = useFields({
noun: '',
noun2: '',
adjective: '',
c
浏览 0提问于2021-02-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
