问题标签 [react-forms]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - React - 以反应形式收集数据 - 反应钩子
我想从表单中收集所有数据
我正在使用反应钩子。根据我对钩子的理解,我只需要使用一个集合来更新一个变量。目前这对我不起作用。
我想收集所有信息,然后 console.log 在我的 onSubmit 表单中进行下一步
我也用工作代码创建了一个代码沙箱
任何解释表示赞赏
reactjs - 提交后重置reactjs表单
我创建了一个 reactjs 表单,可以成功地将数据发送到 django rest api。我想在单击按钮后重置表单,但它一直给我一个错误,说“this.props.resetState() 不是一个函数。有什么办法可以重置之后创建的表单的所有输入提交?
reactjs - 使用 npm 包oddslib 时遇到问题
我正在尝试使用 npm 包,oddslib,将投注赔率从十进制转换为美国赔率。此表单从 npm 包中给我一个错误“无效赔率”。有没有人使用过这个包,或者任何人都可以帮我弄清楚如何正确使用这个包?
javascript - 单击提交按钮后,反应表单未在屏幕上显示正确的输入
这是一个 React 表单。在用户提供输入并单击提交按钮后,我一直在尝试显示 Hello {firstName} {lastName} 。但是,它没有正确记录输入,并且在单击提交按钮后没有正确显示。请帮忙!!!
reactjs - React-Bootstrap Form onSubmit 不起作用
我有一个表格,我希望人们在其中放置他们的电子邮件和消息。我将表单元素的 onSubmit 参数设置为我自己的函数,但是,看起来表单仍在使用默认的 onSubmit 函数,因为每当我单击提交按钮时页面总是刷新,并且不会打印出我说的话在我的 onSubmit 函数中打印。仔细观察表单的事件函数,我可以看到有一个onSubmit
函数是我想要做的,还有一个submit
函数正在刷新页面。出于某种原因,它永远不会运行我的功能(我从来没有看到我正在记录到控制台的内容)!这是我的代码:
表格内容:
电子邮件功能:
我看到了一种解决方法,它说在这样的 div 中包围表单:
但这也没有用。关于出了什么问题的任何想法?
reactjs - 使用 react-hook-form 进行表单模式验证
我一直在研究一个反应表单,我需要限制用户放置特殊字符并只允许这些字符:[A-Za-z]。
我已经尝试了下面的代码,但我仍然可以在特殊字符中插入,例如:'♥'、'>'、'+'等。
我将它作为道具发送到我的表单:
你能让我知道我错过了什么并指出可能是什么问题吗?非常感谢。
reactjs - ReactJs:如何在从不同设备或单个设备填写表单时增加用户数量作为 id
我在 ReactJS 中制作了一个注册表单,我想要计算已注册的用户数。当我尝试从同一设备填写注册表时,计数值正在完美增加,但是当我尝试从另一台设备填写表格时,计数值正在重新启动。我尝试了 react-redux 来增加计数值,但没有任何变化。
reactjs - 使用 react-hook-form 检查两个 TextField 是否具有相同的值
我有一个表格,我想检查两个输入的值是否相同,我的表格是这样的:
输入是 snpIcfes 和 snpIcfesConfirmacion,我如何使用寄存器验证来检查它?我正在使用https://material-ui.com/es/api/text-field/和 react-hook-form
javascript - 如何使用单个函数处理 React 应用程序中的多个选择下拉列表?
我有一个带有 3 个选择下拉列表的表单,它们根据所选值过滤数组。我想知道是否可以使用单个函数也可以根据参数处理所有这些表单,而不是为每个表单设置一个 onChange 处理程序。
我尝试将字符串传递给函数,但它不起作用,因为它期望将事件作为参数传递。
这是反应表单的代码:
这是应用程序的代码: