问题标签 [react-forms]

我想向输入字段添加验证。我正在使用反应钩子形式。验证应该就像字段的总和应该是 100。如果任何字段的总和大于或小于 100，它应该在输入字段（最后编辑的字段）显示错误。

沙盒网址： https ://codesandbox.io/s/distracted-elion-z2wob?file=/src/App.js

谢谢

您好，这是我在这里的第一个问题，我只是 Reactjs 的初学者，我需要您的解释，请

该代码是关于使用“this.state”编写的类内组件的受控表单。

我正在尝试使用具有相同结果的钩子将其转换为功能组件 1- onSubmit 在屏幕上呈现文本 2- 将输入重置为“”

问题是没有结果写入，而是我在搜索中得到 [object, Object]

这是代码

快速访问codesandbox的代码， 你能告诉我如何解决吗？谢谢你

我使用 React-Hook-Form 和 Yup 进行验证，以制作 Amazon Create Account Clone。在我的 PC 上一切正常，但是当我尝试在移动浏览器（Chrome 和 Safari）上使用表单时，当我单击输入新的输入字段时，输入字段的文本似乎消失了。当我返回“消失”字段时，我之前输入的文本会重新出现，但是一旦我单击一个新字段，就会再次消失。我需要移动版像 PC 版一样工作。该应用程序是使用 create-react-app 创建的，并使用 Firestore 进行部署。 https://login-clone.web.app/

注册.js

我目前正在尝试使用 React 和 Material UI 构建一个表单，我的最终有效负载必须如下所示：

我的表单的相应部分（包括初始值）的结构如下：

这样，我的输入字段看起来像这样，因此我无法在字段中输入任何内容::

但是，如果我在字段中输入一些内容（该条目不可见），那么我会得到以下有效负载：

这些条目没有嵌套在“象限”对象中，但条目以相应表单元素的名称出现在有效负载中（如象限一、象限二……）。

我在这里做错了什么，我该如何解决这个问题？

这是我的表格和CodeSanbox的样子。目前我正在使用 react-hook-form
，您可以看到表单有 3 个输入。在输入所有必填字段之前，应禁用提交按钮。两个用例：

1. 如果未选中“检查”：
   • 只有“id”应该被验证并且提交按钮应该被启用。“first”和“last”名称不应成为表单数据的一部分
2. 如果选中“检查”
   • 所有字段都应验证
     名字，只有在选中“检查”时才需要姓氏。所以它没有被检查然后表单应该只验证“ID”字段。如果选中“检查”，则应验证所有字段。

我遇到的问题是，如果我输入 id，表单状态仍然是“无效的”。表单期望输入名字和姓氏的值。
我将不胜感激任何帮助。

我的任务是编写代码来选择日期。
这是我现在拥有的：

在控制台中，我看到“错误！” 首先显示，然后立即未定义。不明白是什么问题，求大神帮忙

我想简化表单创建，避免为每个字段编写value={}并onChange={}使用自定义钩子。

这是我的代码： https ://codesandbox.io/s/busy-noether-pql8x?file=/src/App.js

问题是，每次我按下按钮时，除了我当前编辑的字段外，状态都会被清除

我是新来的反应。

现在试图用反应钩子制作表单，我只想在按下提交按钮时渲染云组件。但它渲染了每个 onChange 调用。

我知道 onChange 重新渲染的原因也是 useState 钩子。

但是只有在按下提交按钮时才知道如何渲染。

我的最终目标是在写入名称并按 Enter 时，如果值不包含在 api 中，则 setShake 使摇动为真，如果为真，则将摇动云类放入 Cloud.js。

反应太难了:(

谢谢你的帮助:)

应用程序.js

Cloud.js

我正在尝试使用 React 制作信用卡/借记卡表格。我想在每 4 位数字后自动插入空格并仅强制用户输入数字。例如，如果输入 1234567891234567，它将变为带有空格 1234 5678 9123 4567。问题是当我按退格键时，空格不能被删除，因为我使用了 onChange 事件。我是 React 新手，可能需要不同的方法。我还能用什么来使退格正常工作以及如何禁止写字母（仅限数字）？

我在 React js 中遇到这种类型的错误

我试图在 react js 中构建一个表单，但反应抛出错误，如 typeerroe 中的 fullName 未定义。谁能在这个问题上帮助我。提前谢谢。

这是代码

这是自定义钩子

请任何人帮助我解决这个问题我不知道你的反应是抛出这个错误