React钩子表单不适用于来自reactstrap的输入

文章/答案/技术大牛

发布

1回答

javascript、html、reactjs、react-hook-form、reactstrap

我对react-hook-form和reactstrap有问题。我有这个组件List.jsx： import { useContext, useEffect } from "react";import { Link } from "react-router-dom"; import { useForm } fro

浏览 30提问于2021-10-25得票数 1

1回答

没有使用Reactstrap的React hooks表单验证(第7版)

javascript、reactjs、react-hook-form、reactstrap

在上面的沙箱项目中，当我单击submit按钮而没有输入到bio输入的文本时，需要获得一个错误bio字段。然后，当我键入该字段时，错误信息，而不是消失。Version 7与普通HTML表单和元素一起工作得非常好。但和反应带有冲突。import "./styles.css"; import { Form, FormGroup,

浏览 5提问于2022-01-01得票数 1

回答已采纳

1回答

无法读取Reactjs中null的属性'firstname‘

javascript、reactjs

我正在尝试使用react从表单中获取数据。但是，在获取输入字段的值时，我将面临错误Cannot read property 'firstname' of null。以下是我的注册和钩子文件。registration.jsimport { FormGroup, Label, Input, Bu

浏览 3提问于2020-08-25得票数 0

1回答

Reactstrap输入验证错误。需要帮助

reactjs、reactstrap

ReactStrap输入验证您好！我正在尝试在我的表单中实现验证。我在我的应用中使用了ReactStrap。但是，验证不适用于有效或无效的输入。下面是我所做的。Valid ={boolean}不会给出错误消息(但不起作用)，而invalid会给出一条错误消息，指出无效需要一个字符串，正如您在下面的错误消息中所看到的那样。任何帮助都是非常感谢的。

浏览 12提问于2020-06-17得票数 0

回答已采纳

1回答

在钩子中使用对象作为窗体

reactjs

我刚刚开始使用REACT，在使用许多控件的表单时，我正在寻找一种有效的方法。而我不需要任何验证，所以我跳过了反应钩-形式。我可以看到一些人为表单推荐还原剂，为了简单起见，用像我的示例这

浏览 4提问于2020-04-02得票数 1

回答已采纳

3回答

如何将输入字段类型作为响应类型记录中的支持类型，我试图将输入字段类型作为字符串发送，但这会导致以下错误没有重载与此调用匹配。重载2中的1，‘(道具: InputProps \ Readonly)：Input'，给出了以下错误。键入'string‘不能输入’‘数字“\”按钮“\”\“选择”\textarea“\”\#.重载2中的2，‘(道具: InputProps，上下文: any)：Input'，给出了以下错误。键入'string‘不能<e

浏览 9提问于2020-11-11得票数 3

回答已采纳

1回答

从子组件解决reactStrap问题的反应钩子式yup解析器

reactjs、yup、react-hook-form、reactstrap

我有一个包含输入组件的帮助器组件的表单。 // only receive validation

浏览 0提问于2021-07-28得票数 0

回答已采纳

1回答

如何使用反应钩式v7与反应带9？

reactjs、react-hook-form、reactstrap

目前，我正在尝试使用react 18创建一个带有react钩子表单v7和reactstrap 9的表单。如果你们能告诉我如何正确地整合他们，那会很有帮助的。非常感谢！

浏览 10提问于2022-04-23得票数 1

1回答

从react中获取值-以react钩子的形式选择组件？

reactjs、react-select、react-hook-form

我试图在使用react-select创建的表单中使用react-hook-form组件。我遵循了react钩子表单网站的说明，但是当我提交表单时，来自select组件的值是"" (默认值)。我知道表单一般都能工作，因为与ref={register}一起输入的其他值工作得很好。这只是我使用Controller的

浏览 4提问于2021-01-18得票数 3

回答已采纳

1回答

ReactJS和useRef:聚焦一个可切换的表单

javascript、reactjs、react-hooks

(我正在使用Reacti-钩子表单来处理表单的提交，我不认为这会影响到问题，但解释了一些最初可能不清楚的代码行。)form.popout.open { position: absolute; z-index: 2;使用上面的代码，表单外观的切换是可行的，但是我发现了一个错误：field.current是null，它的属性focus()

浏览 2提问于2021-09-01得票数 0

回答已采纳

2回答

处理和阻止来自特殊键盘的输入

c++、winapi、raw-input、keyboard-hook

我有两个设备，一个条形码扫描仪和一个键盘，通过USB连接到我的PC上。我的目标是读取来自条形码扫描器的所有输入，并使用我的程序进行处理。此外，应该为操作系统阻止扫描仪的输入。我找到了一篇关于这个主题的很好的文章，叫做:组合原始输入和键盘钩子，有选择地阻止来自多个键盘的输入使用这种方法，我可以为我的程序获取<e

浏览 30提问于2015-10-30得票数 1

2回答

使用React的输入占位符中的FontAwesome图标

reactjs、font-awesome

我使用React创建应用程序，我希望使用FontAwesome图标将它们包含到输入占位符中，这样看起来就像 <input type="text" placeholder="[here should be

浏览 1提问于2018-12-16得票数 4

1回答

react-hook-form material-ui表单提交仅有效一次

reactjs、material-ui、react-hooks、react-hook-form

我将react-hook-form与material-ui一起使用。我正在用我的自定义组件包装一个表单和输入组件。此表单上的验证只起一次作用。对于下一次以后，此表单不会响应，也不会提交或未验证。

浏览 14提问于2020-03-13得票数 0

回答已采纳

1回答

无法从下拉列表中获得选定的值

javascript、reactjs、redux、redux-form

我有一个表单，它包含一个输入和一个下拉列表，其中填充了来自API的元素。但是我有一个probem，每当我提交表单时，它只传递输入的值，而不是下拉列表。这很奇怪，因为当我单击表单上的it元素时，它会显示每个选项都有一个值和一个标签。我的代码很简单，我有一个表单，它有一个输入和一个下拉列表，从输入得到一个int，从下拉列表中得到一个值，它通过POST请求创建一个元素，

浏览 1提问于2019-06-16得票数 1

回答已采纳

1回答

反应和挂钩-获取TypeError: Object(.)不是一个函数

javascript、reactjs、react-hooks、mapbox、react-map-gl

我正在使用Mapbox尝试呈现来自本地JSON文件的各种坐标。我有一个组件，它使用React，我相信它是导致错误的原因。我无法判断我的一个包是否过时了，是否与函数编写&

浏览 1提问于2020-03-08得票数 0

2回答

React钩子式输入字段匹配验证最佳实践

reactjs、react-hook-form

在处理React钩子表单时，做输入字段匹配验证时的最佳实践是什么？例如，当匹配email输入时，等等。在查看电子邮件匹配验证时，使用React钩子表单在尝试通过验证方法将错误消息与“耦合元素”分离时发现了一个问题。ref只接受一个用于React钩子表单register的参数，而需要使用useRef来访问用于值匹配的</e

浏览 4提问于2020-03-26得票数 7

回答已采纳

1回答

如何在Antd输入上使用React* Hook-Form？*

reactjs、next.js、antd、react-hook-form、react-forms

如何在antd输入上使用react钩子形式？通常是这样的 register, formState: { errors }, defaultValuesfirstName")} placeholder="First Name *"

浏览 8提问于2022-08-06得票数 3

2回答

反应钩形式与反应带的冲突

reactjs、reactstrap、react-hook-form

我试图将react-hook-form添加到reactstrap表单和输入中，但看起来包之间存在冲突。import React, { useState, useEffect } from 'react';import{ Form, Input } from 'rea

浏览 2提问于2021-03-11得票数 0

回答已采纳

2回答

"React是有条件的“：如何检查组件中的可选上下文

javascript、reactjs、react-hooks、formik

我有一个可重用的自定义输入组件，可以在Formik上下文中使用，也可以不使用(即在Formik表单中使用，也可以在Formik之外使用)。行为需要相应的不同。我需要确定这个组件中的模式。有一个名为useFormikContext()的钩子，如果它不适用，就会抛出一个错误。NOT in the Formik Context');finally {} Line 17:

浏览 6提问于2021-05-20得票数 2

回答已采纳

4回答

VSCode不自动从Next.js项目中的"react“导入。

javascript、reactjs、visual-studio-code、next.js

*这是，而不是，是对的复制；这里所接受的答案是为TypeScript而做的，似乎不适用于JavaScript。我正在Visual代码中处理一个Next.js项目，当我试图从"react"自动导入任何东西时，唯一的自动导入建议来自"react.production.min"和"react.development"我可以从"react

浏览 10提问于2022-03-28得票数 3

回答已采纳

点击加载更多