如何使用react-hook-form检查react-Datepicker值？

文章/答案/技术大牛

发布

2回答

来自react的Date对象-datepicker未保存

reactjs、react-hooks、mern、react-datepicker

为您即将看到的令人厌恶的代码提前道歉…… 一般来说，我是一个比较新的React和编程新手，我正在尝试使用react-hooks-form创建一个MERN应用程序来简化这个过程。我无法弄清楚如何在钩子表单中处理受控输入，所以我试图通过使用状态来将值存储在两个不同的状态中来绕过这个问题，我意识到这违背了使用钩子表单的目的。除此之外，任何关于我如何重构代码的见解都将是有帮助的。

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

回答已采纳

1回答

react-hooks、react-hook-form、react-datepicker

我有一个注册表单，并使用react-hook-form进行验证。我想给一个错误信息，如果在15岁以下。这个是可能的吗？

浏览 20提问于2021-02-06得票数 0

回答已采纳

3回答

用户选择的日期未显示在输入框中

reactjs、datepicker、react-hooks

我正在使用react-hook-form和Datepicker。我正在尝试显示日期，当用户已经选择了一个，但它没有显示。但是，数据仍然要通过onsubmit。import DatePicker from "react-datepicker"; <Controller

浏览 39提问于2020-01-20得票数 0

2回答

如何将react-hook-form与我的自定义react-date-picker一起使用？

javascript、reactjs、react-hooks、react-datepicker、react-hook-form

我正在尝试将react-hook-form与我的自定义日期选择器一起使用，但我只看到这个示例()，它使用默认的react-date-picker。import tw from "date-fns/locale/zh-TW"; constdateFormatCalendar=&quo

浏览 33提问于2020-05-05得票数 1

回答已采纳

1回答

如何使用回调将数据从React组件中传递出去？

reactjs、state、react-datepicker、react-hook-form

FormDate.jsimport DatePicker from 'react-datepicker';import { Controller } from 'react-hook-form'; function它们正在使用onChan

浏览 2提问于2020-03-18得票数 0

1回答

如何使用反应钩形式与反应-数据报警器选择范围？

javascript、reactjs、react-hook-form、react-datepicker

我想使用react-datepicker，选择一个时间范围，并在没有input的onBlur中使用react-hook-form来验证，下面是我的代码： control=如何使react-hook-form在选择器中识别开始或结束时间？有可能吗？

浏览 6提问于2022-03-17得票数 0

1回答

在请求前更改表单输入数据

reactjs、react-hook-form

我正在使用reactjs前端和springboot后端，并且在向后端发出POST请求之前，我想知道如何格式化/更改表单输入数据。/styles.css";import {useForm, Controller} from "react-hook-form"; import "react-datepicker/dist/

浏览 1提问于2021-12-02得票数 1

回答已采纳

3回答

可以在react钩子表单中使用react-datepicker吗？

reactjs、react-datepicker、react-hook-form

可以在react钩子表单中使用react-datepicker吗？我尝试了以下示例： import { useForm } from "react-hook-form";import DatePicker from "react-datepicker&qu

浏览 6提问于2020-03-26得票数 25

回答已采纳

1回答

无法在屏幕上显示带有反应钩的数据报警器-窗体。

reactjs、datepicker、next.js、react-datepicker、react-hook-form

我用的是react-form-hooks和react-datepicker我遵循在中给出的示例，其中他们还使用了具有react forms的react-datepicker。请帮忙，谢谢import DatePicker from "react-datepicker"; impo

浏览 6提问于2020-08-09得票数 1

回答已采纳

3回答

react.使用react.钩子形式的数据报警器验证

reactjs、react-hook-form、react-datepicker

我想验证使用Reacti-钩子形式的react datepicker，当我尝试它时，它对我不起作用，验证消息也不会显示。是否可以将ref放在DatePicker中？ import React from "react";importDatePicker from "react-datepicker"; im

浏览 5提问于2021-10-26得票数 0

1回答

"findDOMNode在StrictMode中被废弃“使用react-datepicker with React Hook-Form

reactjs、deprecated、react-hook-form、react-datepicker、android-strictmode

当我试图使用"showMonthDropdown“或"showYearDropdown”选项时，我遇到了一个问题--数据报警器。import "react-datepicker/dist/react-datepicker.css"; import{ Controller } from "react-hook-form"; import

浏览 17提问于2022-04-24得票数 1

1回答

即使在选择数据报警器中的值之后，也可以响应DateTimePicker显示所需的错误

reactjs、react-native、react-hooks、react-hook-form、yup

React正在显示必需的错误，即使在选择了DatePicker中的值之后： DateTime:Yup.date

浏览 7提问于2022-06-12得票数 0

2回答

有条件地指定组件的支持

reactjs、react-props

这样做的目的是因为我在表单中使用，有时我希望它作为日期选择器显示，而在其他时候，我希望它显示为时间选择器。import React from 'react';import 'react-datepicker/dist/react-datepicker.css'; import { Controller } from 'react-hook-form

浏览 2提问于2020-03-20得票数 0

回答已采纳

2回答

反应js显示不同的日期，然后从api传递。

javascript、reactjs

我的react代码看起来如下：import { yupResolver } from "@hookform/resolvers/yup";import ReactDatePicker from "react-datepicker";import "react-datepick

浏览 15提问于2022-04-24得票数 0

回答已采纳

1回答

用电子邮件对数据报警器作出反应

reactjs、email、react-datepicker

我想使用日期选择器通过电子邮件发送预订时间。所以我通过电子邮件收到预订信息，但时间不一样了。我检查了控制台，没有问题，但当我检查电子邮件，另一次发送。这是怎么回事？import { React, useRef } from "react";importemailjs from "@emailjs/browser"; import DatePic

浏览 4提问于2022-08-16得票数 0

2回答

具有基于值验证的react-hook-form控制器

reactjs、react-datepicker、react-hook-form

我正在使用react-hook-form库，并且有一个用于日期选择器的控制器。根据的说法，这些规则应该与寄存器中的验证集完全相同。它适用于{ required: true }，但是当需要考虑字段中的值时，我似乎不能触发该错误。出于我的目的，我有一个名为formatDate的函数将日期从react-datepicker转换为YYYY-MM-DD (即，formatDate从日期选择器获取值并返回字符串"YYYY-MM-DD")仅出于测试目的，如果值与YYYY-MM-DD格式的某个字符串

浏览 1提问于2020-07-13得票数 3

1回答

使用控制器时不触发onSubmit的反应钩子形式

reactjs、react-hooks、react-hook-form、yup

此外，我希望输入字段在默认情况下由状态price填充，并在按submit按钮时使用函数onSubmit上的参数data发送其值。

浏览 3提问于2021-11-02得票数 1

回答已采纳

1回答

React-hook-form必须按两次才能删除输入的最后一个字符，按两次才能输入第一个字符

javascript、reactjs、react-hook-form

我使用React Hook表单来验证我的表单，包括许多输入。除了一个问题，我必须按两次退格键来删除最后一个字符，两次来输入第一个字符。例如。如果我需要显示输入的值是'jonh'，那么我必须按两次'j‘才能显示这个字母。当我删除'john‘时，按1退格键表示'n'，1退格键表示'h'，1退格键表示'o’，2退格键表示'j‘。我认为这是从react钩子形式，因为我不使用，这是没有问题的。感谢任何人的帮助。非常感谢。

浏览 21提问于2021-01-22得票数 0

1回答

如何在react-hook-from中使用material-ui自动完成功能

reactjs、react-hooks、react-hook-form

我在我的应用程序中使用了react-hook-form，并在react-hook-form中使用了autocomplete。我的自动完成有像1988,1987,1986这样的下拉值，我想我不需要为这个自动完成使用onchange事件，当我从下拉列表中选择1988时，这个值通过react-hook-form传递，而不使用onchange然而，当我从autocomplete中选择一个值并提交react-hook-

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

回答已采纳

6回答

找不到模块:无法解决“反应-数据报警器”

javascript、reactjs、datepicker

我试图在MERN教程中使用日期选择器，但是它无法编译，因为它不能解决“”。我的rm -rf node_modules和datepicker都没有用。component.jsimport DatePicker from 'react-datepicker'; "axios": "^0.18.0&qu

浏览 5提问于2019-11-18得票数 4

回答已采纳

点击加载更多

来自react的Date对象-datepicker未保存