问题标签 [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.

0 投票
0 回答
53 浏览

javascript - React - 以反应形式收集数据 - 反应钩子

我想从表单中收集所有数据

我正在使用反应钩子。根据我对钩子的理解,我只需要使用一个集合来更新一个变量。目前这对我不起作用。

我想收集所有信息,然后 console.log 在我的 onSubmit 表单中进行下一步

我也用工作代码创建了一个代码沙箱

任何解释表示赞赏

0 投票
1 回答
703 浏览

reactjs - 提交后重置reactjs表单

我创建了一个 reactjs 表单,可以成功地将数据发送到 django rest api。我想在单击按钮后重置表单,但它一直给我一个错误,说“this.props.resetState() 不是一个函数。有什么办法可以重置之后创建的表单的所有输入提交?

0 投票
1 回答
46 浏览

reactjs - 使用 npm 包oddslib 时遇到问题

我正在尝试使用 npm 包,oddslib,将投注赔率从十进制转换为美国赔率。此表单从 npm 包中给我一个错误“无效赔率”。有没有人使用过这个包,或者任何人都可以帮我弄清楚如何正确使用这个包?

https://www.npmjs.com/package/oddslib/v/1.0.3

0 投票
2 回答
337 浏览

javascript - 单击提交按钮后,反应表单未在屏幕上显示正确的输入

这是一个 React 表单。在用户提供输入并单击提交按钮,我一直在尝试显示 Hello {firstName} {lastName} 。但是,它没有正确记录输入,并且在单击提交按钮后没有正确显示。请帮忙!!!

0 投票
1 回答
3307 浏览

reactjs - React-Bootstrap Form onSubmit 不起作用

我有一个表格,我希望人们在其中放置他们的电子邮件和消息。我将表单元素的 onSubmit 参数设置为我自己的函数,但是,看起来表单仍在使用默认的 onSubmit 函数,因为每当我单击提交按钮时页面总是刷新,并且不会打印出我说的话在我的 onSubmit 函数中打印。仔细观察表单的事件函数,我可以看到有一个onSubmit函数是我想要做的,还有一个submit函数正在刷新页面。出于某种原因,它永远不会运行我的功能(我从来没有看到我正在记录到控制台的内容)!这是我的代码:

表格内容:

电子邮件功能:

我看到了一种解决方法,它说在这样的 div 中包围表单:

但这也没有用。关于出了什么问题的任何想法?

0 投票
2 回答
24924 浏览

reactjs - 使用 react-hook-form 进行表单模式验证

我一直在研究一个反应表单,我需要限制用户放置特殊字符并只允许这些字符:[A-Za-z]。

我已经尝试了下面的代码,但我仍然可以在特殊字符中插入,例如:'♥'、'>'、'+'等。

我将它作为道具发送到我的表单:

你能让我知道我错过了什么并指出可能是什么问题吗?非常感谢。

0 投票
0 回答
23 浏览

reactjs - ReactJs:如何在从不同设备或单个设备填写表单时增加用户数量作为 id

我在 ReactJS 中制作了一个注册表单,我想要计算已注册的用户数。当我尝试从同一设备填写注册表时,计数值正在完美增加,但是当我尝试从另一台设备填写表格时,计数值正在重新启动。我尝试了 react-redux 来增加计数值,但没有任何变化。

0 投票
1 回答
2326 浏览

reactjs - 使用 react-hook-form 检查两个 TextField 是否具有相同的值

我有一个表格,我想检查两个输入的值是否相同,我的表格是这样的:

输入是 snpIcfes 和 snpIcfesConfirmacion,我如何使用寄存器验证来检查它?我正在使用https://material-ui.com/es/api/text-field/和 react-hook-form

0 投票
3 回答
96 浏览

javascript - 无法选择默认值