问题标签 [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.
reactjs - 我需要做什么才能在 api 中接收我的表单数据?
您好我在保存采购订单时遇到问题我无法接收表单数据我的代码如下:
现在这是我的结帐API:
我的常量没有接收表单数据,只是为了明确我正确接收的用户和产品数据。最大的问题是 paymentData 常量没有接收到handleCheckout函数中来自表单的内容
最后是我的订单模型,
reactjs - 使用 react-hook-form 时无法测试 onSubmit
在编写单元测试用例以检查提交函数是否被调用时,我遇到了一个问题。我面临的问题与以下问题类似: https ://spectrum.chat/react-hook-form/help/solved-testing-the-onsubmit~364b8d79-c2f2-4d1c-a3ae-d56fed134128
但是,我使用的代码结构略有不同,因为我没有直接返回“表单组件”,而是返回包装在“FormContext”中的“表单组件”。
失败的测试如下:
我得到的错误如下:
reactjs - React JS 是的,react-bootstrap 库在本地 PC 中不起作用
我正在使用yup验证进行react-form-hook 。所有依赖项都安装好并在 package.json 文件中更新,但验证不起作用。
所有这些yup验证都很好地在 codeandbox.io 中使用相同的代码。而且我添加了一个带有react-bootstrap的导航栏,但这也不起作用。
以下是安装的依赖项:
下面是导入部分
我完全没有错误。
reactjs - 在 ReactJS 中管理大量表单输入字段的专业方法是什么?
我的 React App 在表单标签上有 20 多个字段。我的工作代码如下
如您所见,我的代码具有重复声明输入字段状态变量的代码,例如const [formData5, setFormData5] = useState(5);
在渲染函数中,onChange={(e) => setFormData1(e.target.value)}
重复了很多时间。
有什么方法可以通过使用 json 对象和其他方法变得简单并看起来很专业?
reactjs - 我在基于类的 reactjs 代码中有下面的照片上传器代码,我希望它在基于功能的工作代码中
我是新来的反应。我在基于类的 reactjs 代码及其工作中有下面的照片上传器代码,但我希望它在基于反应功能的工作代码中。如果对同一个项目有任何其他建议以使用更正确和更清晰的代码,那么我将不胜感激。
代码如下:
我想要基于工作功能反应的组件代码。我希望将照片上传器集成到我的项目中。
javascript - 使用 React 钩子处理输入时遇到问题
我尝试用钩子处理用户的文本输入。
});
我尝试通过以下方式更新值
和事件:
示例输入字段代码:
但是每当我在输入字段中输入内容时。我找不到我在输入字段中输入的值。我不明白这里发生了什么。请帮助我摆脱困境
javascript - 我如何将输入集中在反应表单中以进行表单验证
所以我专门为这个问题编写了这个反应小的反应形式,我想给它添加一个特性。
这是代码:
您会看到如果您没有填写其中一个输入,它将触发警报。但我想用焦点替换警报。因此,当我忘记填写某个输入时,它会专注于那个空输入,基本上是告诉我填写它。
先感谢您