React/Redux:当react date-picker与redux-form合并时，有没有一种方法可以清除它？
当react date-picker与redux-form合并时，可以通过以下方法清除它：
- 在redux-form中使用Field组件包装react date-picker，并设置一个onChange事件处理程序。
- 在onChange事件处理程序中，使用redux-form的reset方法来清除date-picker的值。
- 在react date-picker的父组件中，使用redux-form的Field组件包装date-picker，并将onChange事件处理程序传递给Field组件。
- 在redux-form的表单中，使用Field组件包装date-picker，并将onChange事件处理程序传递给Field组件。
- 当需要清除date-picker的值时，调用redux-form的reset方法。
这样，当react date-picker的值发生变化时，redux-form会调用onChange事件处理程序，然后通过reset方法清除date-picker的值。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb
- 腾讯云云原生容器服务（Tencent Kubernetes Engine）：https://cloud.tencent.com/product/tke
- 腾讯云云安全中心（Tencent Cloud Security Center）：https://cloud.tencent.com/product/ssc
- 腾讯云云点播（Tencent VOD）：https://cloud.tencent.com/product/vod
- 腾讯云人工智能（Tencent AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（Tencent IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（Tencent Mobile Development）：https://cloud.tencent.com/product/mad
- 腾讯云对象存储（Tencent Cloud Object Storage）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（Tencent Blockchain）：https://cloud.tencent.com/product/baas
- 腾讯云游戏多媒体引擎（Tencent GME）：https://cloud.tencent.com/product/gme
- 腾讯云元宇宙（Tencent Metaverse）：https://cloud.tencent.com/product/mv
相关·内容
1回答
React/Redux:当react date-picker与redux-form合并时，有没有一种方法可以清除它？
javascript、reactjs、react-redux
本质上，我有一个react日期选择器，作为redux表单字段合并到我的表单中。我允许用户使用redux-form reset prop清除整个表单。这很奇怪，因为datepicker在我的表单数据中是可以识别的，但是当我试图清除整个页面时，它是唯一没有清除的字段。this.props.reset this.props.changeconst CustomInput = React.forwardR
浏览 8提问于2019-10-26得票数 0
1回答
当redux形式的有效性发生变化时触发事件
javascript、reactjs、redux、redux-form
在我的React + Redux + Redux-Form应用程序中，我需要根据表单的有效性状态启用/禁用“下一步”按钮。理想情况下，redux-form会给我一个像onValidityChanged这样的事件，我可以侦听它，并在发生这种情况时调用父组件传递的setCompleted()函数。例如： function Parent(props){
const [completed, setCompleted] = React.useState(fals
浏览 12提问于2019-06-23得票数 0
回答已采纳
2回答
Uncaught : this.props.xxx不是一个反应函数
javascript、reactjs
我在一个项目中使用React.js，我遇到了一些麻烦。我的问题是：import React, {Component, PropTypes} from 'react';import {Link} from 'react-router';
浏览 2提问于2017-04-15得票数 0
4回答
如何导出mapStateToProps和Redux表单？
reactjs、redux、react-redux、redux-form
我用的是Redux表格(ver.6)登录页。我想做的是，当用户填写表单并单击submit，从我的状态抓取文本，这样我最终可以用电子邮件和密码发送一个操作。但是，在使用Redux和Redux表单连接时，导出这个组件时遇到了困难。当将状态映射到支持时，connect希望像这样导出：然而，Redux表单希望它的导出设置如下：
export defaul
浏览 7提问于2016-10-26得票数 10
回答已采纳
0回答
从redux-form在react-admin中访问change()的简单方法？
reactjs、react-admin
我想使用redux-form中的onChange ()函数在select字段的change处理程序中执行此操作。有没有一种方法可以使用标准的react-admin轻松访问redux-form更改功能？我试着从道具上拿到它，但它不在那里；console.log(change); // undefined
浏览 3提问于2018-07-19得票数 2
3回答
React + Redux -在表单组件中处理CRUD的最佳方式是什么？
javascript、reactjs、crud、redux
我曾经使用过PHP，所以我总是以一种形式完成这些工作。
我使用React和Redux来管理商店。当我在CreateForm组件中时，我将这个props createForm={true}传递给我的子组件，使其不用值填充输入，也不禁用它们。你有什么建议，教程，视频，演示可以分享吗？
浏览 51提问于2015-10-20得票数 132
回答已采纳
2回答
将输入值传递给reducer.js的React/Redux
reactjs、react-redux
目前，我的应用程序工作只有React和它的状态，我正在尝试用Redux实现它。 />
submitResults={this.props.submitResults}确实是通过向还原器发送一个对象来工作的，下面我将介绍它的工作原理
浏览 1提问于2019-01-04得票数 0
回答已采纳
3回答
如何从Redux状态内访问reduxForm的原始支柱？
reactjs、redux、material-ui、redux-form
我在表单中使用redux- form的Field的多个实例，使用redux-form-material ui的TextField作为一个可呈现的组件： component={TextField} name='title'当表单所在的组件被reduxForm()包装时，我们在这个组件中得到了props.pristine但是，我希望在另一种非r
浏览 0提问于2018-02-22得票数 0
1回答
让“自定义”组件适应redux-forms？
javascript、reactjs、redux-form
是否可以将第三方组件适配为''？
我想将'‘与redux-form一起使用，这样它就可以匹配所提供字段的生命周期。使用ReactPhoneInput并使其成为redux-form字段的一部分可以工作，但会移除react-form对此元素的好处。有没有一种方法可以做一个适配器，让这个组件和redux-form配合得很好？
浏览 17提问于2017-03-08得票数 1
7回答
Redux Form v6.0.0外部的提交按钮
javascript、reactjs、redux、redux-form
这个问题与相关(在写这个问题的时候是v6.0.0-alpha.15)。让我举个例子。这是“经典的redux-form”伪结构： <MyExampleForm>
<input name="title" ... />如何从Redux-Form外部获取这些pristine、submitting、invalid？(如果
浏览 63提问于2016-07-01得票数 24
回答已采纳
2回答
Redux reducer初始状态问题
reactjs、redux、react-redux、redux-form
我有一个reducer，它为redux-form设置状态，也为只显示的页面(不是表单)设置状态…… return {};}
但是redux-form使用相同的初始状态(无内容)填充，并且在抓取完成时不会更新，因为它是不可变的。如果我删除reducer中的初始状态，
浏览 0提问于2018-01-20得票数 0
1回答
保持redux-form状态下react-select组件的值和标签
javascript、reactjs、redux-form、react-select
react-select中的选择组件同时保持label和value值的状态。到目前为止，我看到的关于将该组件集成到redux-form表单中的建议，建议用从父redux-form组件隐式传递的行为来覆盖默认的react-select onChange和onBlur行为。然后，当选择另一个选项时，我希望在保持id值不变的情况下，在选择框中看到该name。这是为了让用户可以从有意义的项目中进行选择，同时在提交表单并将其推送回数据存储时，我可以有一些保证。<
浏览 1提问于2018-06-08得票数 0
2回答
将react-select Async与loadOptions和redux-form配合使用
forms、reactjs、select、redux、react-select
我正在使用react-select库来显示一个选择框。我之所以使用Select.Async，是因为我需要从API中提取选项。我在loadOptions中使用Select，它在初始页面渲染期间工作。但是，我也在使用redux-form，它可以动态地更改Field的值(使用change)。然而，当我像这样改变字段的值时，输入的值确实改变了(我可以验证这一点)，但是react-select的loadOptions再也不会被调用了(即使我认为它应该监听值的改变)。我的问题是，<
浏览 3提问于2017-07-29得票数 2
2回答
keep管理员在创建视图提交后保存表单数据
reactjs、redux-form、react-admin
在react admin Create表单中，是否有一种方法可以保存用户在表单中键入的任何信息，以便在用户单击Save后保留在屏幕上。
我想重复使用他们输入的相同的表单数据来创建另一个记录。
浏览 1提问于2019-06-07得票数 2
回答已采纳
1回答
输入元件不工作
admin-on-rest
我们正在将AOR(版本1.2.3)与现有的应用程序集成。我们试图提供编辑功能，当我们给出<--字段>组件时，它的工作效率也可以看到保存按钮，但是当它<--输入>组件时，没有一个保存按钮是可见的，组件也接受输入。使用字段组件时的代码 import React, { Component } from 'react';Components
} from
浏览 3提问于2017-09-29得票数 0
回答已采纳
2回答
从<输入type=text>读取值的redux
redux、textfield
我正在编写一个简单的redux应用程序，其中一个组件如下所示 <div在Redux中读取此值的正确方法是什么？
浏览 3提问于2017-02-14得票数 0
2回答
Redux泛型类型'Dispatch<S>‘需要一个类型参数
reactjs、typescript、redux
尝试用类型记录和redux设置一个项目。我收到了这个错误import { createLogger } from 'redux-logger'
import { create
浏览 0提问于2018-08-02得票数 4
回答已采纳
2回答
我的redux-表单在切换语言时被重新初始化，方法是更改react intl包装工具。
reactjs、redux、redux-form、react-intl
我正在将我的应用程序封装在来自react-intl 的一个react-intl中，如下所示：我在树下有我的react-form表格。但是，如果我开始填充一个表单，并且我决定更改UI的语言(通过监听一个将通过我的redux存储更新我的lang和messages道具的操作)，该表单将被重置:-/
当lang发生变化时，我看到了redux-
浏览 2提问于2016-03-08得票数 3
回答已采纳
1回答
React:使用钩子将本地状态中的数据从还原状态中删除
reactjs、react-redux
我有一个react组件(下面总结了代码)。当单击react组件时，应在屏幕上显示动画，并向redux服务器发送一个操作，然后远程存储。当远程服务器用新事件更新客户端时，本地组件应该从本地删除匹配的事件，并且只呈现其他用户拥有的事件数。
但是，我不知道如何从redux状态更新组件状态。我可以得到重复的事件，我知道要删除哪些事件。但是，如果我使用setSelfData更新状态，它就会变成一个无限循环，因为备忘录组件仍然在更新旧的r
浏览 1提问于2019-08-20得票数 0
回答已采纳
2回答
如何使用Formik和Redux-Saga处理表单状态
reactjs、redux、redux-saga、formik
我最近开始在一个React项目中使用Redux-Saga，因为它对我来说是新的，我想了解它是如何工作的。我也开始使用Formik，因为它在React应用程序中管理表单的流行程度似乎已经超过了Redux-Form。但这似乎与Redux-Saga文档中的SOMETHING_REQUESTED -> apiCall -> SOMETHING_SUCCESS or SOMETHING_FAILURE模式不一致。例如，如果我有一个表单，它分派了saga用来执行异步请求
浏览 0提问于2019-03-19得票数 9
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
