-
2 votesanswersviews
Jest Enzyme:测试Redux-form
我的应用程序有很多redux-form . 我正在使用Jest和Enzyme进行单元测试 . 但是,我没有测试redux-form . 我的组件是一个登录表单,如: import { login } from './actions'; export class LoginForm extends React.Component<any, any> { onSubmit(value... -
0 votesanswersviews
反应原生的脏/原始变化与redux-form导致键盘被隐藏和闪烁
我使用带有react-native的redux-form,并且由于某种原因,当用户将第一个char键入输入时,表单的状态从 dirty 变为 pristine ,键盘被隐藏,屏幕闪烁 . 这种情况发生在Android Nexus 5X设备上 . 查看组件: const TextField = ({placeholder: p, ...props}) => <Field {...... -
2 votesanswersviews
我应该如何将reduxForm的子组件连接到redux状态?
我有一个非常复杂的多级深层/嵌套表单,使用reduxForm()连接到React / Redux . 由于表单非常大,我已将其中的部分内容分解为子组件 . 其中一些组件需要访问Redux状态,因此需要通过props传递连接或者 connect()ed . 但是,当我使用普通的Redux connect() 函数连接子组件时,就无法编辑其中的redux-form字段 . 所以我尝试使用 redu... -
0 votesanswersviews
我是否必须将redux-form挂载到我的状态根目录中的“form”键?
getting started page说: import { createStore, combineReducers } from 'redux' import { reducer as formReducer } from 'redux-form' const reducers = { // ... your other reducers here ... form: formRe... -
1 votesanswersviews
Redux Form - redux表单中组件的初始值
新手 . 我有一个名为Client的redux表单组件 . 该表单中有一个名为 Address 的子组件 . Address 在客户端中调用如下: <FormSection name="Address"> <Address /> </FormSection> Address 的形式为 AddressConta... -
0 votesanswersviews
Redux表单卸载组件onSubmit
所以我现在拥有的是一个表单,我想更新名字和姓氏 . 如果有错误我想 grab 并显示它 . 问题是我收到错误,ReduxForm只能更新已安装或安装的组件,如果我收到错误 . 原因是redux-form正在卸载并重新安装我的组件 . 有没有办法避免重新安装组件? class EditUser extends Component { constructor(props) { super(... -
1 votesanswersviews
使用渲染道具功能将上下文中的表单名称传递给Redux Form formValueSelector
重用相同的Redux表单,我需要访问表单中当前上下文的字段值 . 通过文档,我应该使用FormName渲染道具组件,它会渲染当前表单的名称,例如: <FormName>{({ form }) => <span>Form name in context is: {form}</span>}</FormName>; 是否可以通过使用FormNam... -
10 votesanswersviews
集成React-Semantic-UI和redux-form
我正在使用 redux-form (很棒的库)在 React app中处理我的表单和 redux 商店 . 一切运作良好,重要的形式和嵌套的json输出 . 我正在尝试将 React-Semantic-UI Component与 redux-form 一起使用 . 我在文档中搜索了如何将自定义组件与redux表单集成,我们在这里:http://redux-form.com/6.5.0/docs... -
2 votesanswersviews
使用redux-form,如何从其他组件重置表单值?
这是我的问题的演示:https://stackblitz.com/edit/redux-form-reset-problems 我正在使用redux-form 7.2.0并且我正在尝试从另一个未被ReduxForm HOC包装的组件重置表单值 . import React, { Component } from 'react'; import { connect } from 'react-red... -
0 votesanswersviews
如何使用redux表单值更新redux存储
我正在使用redux表单和redux将表单值推送到商店/状态 . 首先,当我将它作为不是React组件类的容器(INFORMATION COMPONENT)组件的道具传递给我时,我在表单组件中将状态设置为undefined,最后使用update函数来更新商店 . 我是React的新手,而redux形式让我失望 // App Component class App extends Compo... -
3 votesanswersviews
传递给redux-form initialValues的值不会呈现
我有一个问题,使用带有自定义组件的redux-form / immutable(v6.0.5)将initialValues传递给表单: // WRAPPER COMPONENT import React from 'react'; import {connect} from 'react-redux'; import DocumentsEditForm from './documentsEdit... -
1 votesanswersviews
Redux-form onChange在表单上没有正确触发
我正在使用reduxForm . 我创建了组件 <form> <Field name="example" component="SomeCustomInputComponent" type="text"/> </form> 我使用onChange函数将整个组件应用于reduxForm: exp... -
5 votesanswersviews
reduxForm - 更新后的initialValues不适用
我使用Redux表单版本6.8.0 . 我有一个表单组件,它通过“mapStateToProps”函数得到它的“initialValues” . 在第一次渲染时,一切都很好 . 在我的表单配置之后: const CategoryChangeForm = reduxForm({ form: 'change-category', validate: newCategoryValidate, ... -
2 votesanswersviews
Redux Form:initialValues不设置表单值
我只想以redux-form设置和呈现表单的initialValues . 数据是在redux中,我相信我正确映射...但表单没有填充 . 该表单适用于插入,但现在我将其连接以进行更新 . Redux表7.2.0 形成: ... <div className="form-group"> <div className="col-md-2 con... -
3 votesanswersviews
如何在另一个组件中访问redux表单值
我使用Redux-Form 7.3.0 . 我试图在另一个组件中获取我的表单的值 . 我在Redux表单的website上阅读了该指令,但没有用 . this is the code of my componenet: import React from 'react' import { Field, reduxForm } from 'redux-form'; impo... -
9 votesanswersviews
使用Redux表单实现不可见的reCAPTCHA
我正在尝试使用React和Redux Form实现Invisible reCAPTCHA . 通常,Invisible reCAPTCHA工作流程是: 渲染"invisible" CAPTCHA,返回其小部件ID . 使用小部件的ID调用 grecaptcha.execute . 如有必要,将提示用户解决挑战 . 结果将传递给呈现CAPTCHA时指定的回调函数 . ... -
0 votesanswersviews
如何将redux表单添加到我的调度函数中?
目前我正在尝试在react / redux中调度一些动作,我也在使用redux形式 . 如何在react-redux连接函数中实现redux表单? 派遣功能: const mapDispatchToProps = (dispatch) => { return{ authUser: () => { dispatch(authUser()); }, ... -
0 votesanswersviews
React Datepicker with redux-form
如何使react-datepicker与redux-form绑定? 我有这个redux-form字段: <Field name="due_date" component={props => <DatePicker {...props} readOnly={true} selected={this.state.due_date} ... -
0 votesanswersviews
redux-form没有显示错误
在我 redux-form 我有麻烦显示错误回到表单, 这是我的表格: import React, { Component } from "react"; import { connect } from "react-redux"; import { registerUser, signOutUser } from "../../acti... -
1 votesanswersviews
如何使用默认提交验证将反应路由器dom中的链接添加到提交按钮
在下面的代码中,如果从react路由器dom添加Link标签,它将路由下一页而不验证表单 . 我在标签中使用redux表单和默认必需的关键字来验证表单 . 验证后,它应该将组件路由到“/”主页 . <button type="submit" className="btn btn-primary"> <Link>Create Acc... -
0 votesanswersviews
在上传之前读取文件内容时,React呈现无限循环
当使用FileReader API选择上传文件时,我正在尝试在React / Redux应用程序中显示一些文件内容 . 我能够显示内容,但在FileReader的onload事件处理程序中调用setState会导致无限渲染 . import _ from 'lodash'; import React, { Component } from 'react'; import { reduxForm, ... -
2 votesanswersviews
编写Redux Form组件的单元测试,而不是“连接”
在我构建的应用程序的早期,我按以下方式拆分组件中的Redux表单: import React, { PropTypes } from 'react'; import { Field, reduxForm } from 'redux-form'; import {renderInput, required, email} from './FormInput'; import SubmitButton... -
0 votesanswersviews
使用redux-form初始化我的表单
我在使用redux-form和'initialValues'道具初始化表单时遇到了麻烦 . 我阅读了很多帖子(例如here)并且我无法让它工作...... 我看到我的initialValues设置正确但我的字段没有更新...也许问题出在我的renderBasicField函数中,但我不知道如何解决这个问题 . 否则它也可能是在渲染组件时尚未填充prop的东西...但是我不知道该怎么做才能使它工作,... -
0 votesanswersviews
Redux将Redux状态映射到Props后设置组件状态
我试图通过从我的组件状态中提取信息来使用Redux Forms初始化包含一些用户信息的表单 . 我在我的组件的componentDidMount方法中有一个redux动作,它调用动作,检索信息,然后将'profile'对象从我的商店映射到组件props . 问题是,当我去setState更新配置文件信息时,它会以未定义的形式返回 . 我曾尝试使用componentWillRecieveProps来... -
4 votesanswersviews
在redux-form中显示错误消息onChange
我正在尝试使用redux-form Field(与Material-ui一起)和验证 . 当我离开字段(即onBlur)时,似乎显示错误消息 . 我想要实现的是在用户输入时动态进行验证,并在onChange事件上显示错误消息 . 我将如何实现这一行为? import { TextField } from 'redux-form-material-ui'; import { Field, redux... -
1 votesanswersviews
redux-form defaultValue不起作用
这里我有 select 字段,带有 defaultValue : <Field name="preference" component="select" defaultValue="tabs"> <option /> <option value="tabs">Tabs... -
5 votesanswersviews
redux-form值得在apollo-react-redux app中使用吗?
我理解redux-form为我处理减速器和动作是一个优点 . 但据我所知,数据将在提交时作为JSON返回,并且我的应用程序增加的复杂性可能不值得 . redux-form工作流似乎与apollo graphQL包装器相反,后者在反应工作流中采用了变异函数prop和gql标记 . redux-form是错误的工具,还是我缺少一些见解?我想知道其他人在react-apollo中使用的替代工具 . ... -
1 votesanswersviews
如何将onSubmit与不返回promise的操作一起使用?
从onSubmit [1]的文档中可以看出,为了充分利用redux-form(例如,更新带有错误详细信息的字段,重定向成功),应该返回一个promise . 如果使用redux-thunk或类似,并从动作创建者返回promises,这没关系 . 但是,我的应用程序中的异步操作不会返回promises - 它们使用中间件来处理API请求 . 就像redux docs [2]中的 callAPIMi... -
4 votesanswersviews
如何通过redux-persit自动补水来阻止redux-form的“形式”状态
我正在使用redux-form,它提供了一个内置的reducer,称为“formReducer”,需要在组合的reducer中注册,以使用redux的存储来管理表单状态 . 我也使用redux-persist来持久化redux商店 . 当我不想让表单自动重新填充用户在页面重新加载或页面刷新时输入的数据时引发的问题 . 在我自己编写的普通reducer中,我可以简单地为“REHYDRATE”类型的操... -
2 votesanswersviews
Redux Form 6.1.1 - 模糊验证不适用于react-native
我正在使用react-native(Android),我正在使用redux-form 6.1.1 . 我注意到一种奇怪的行为,即当我从输入字段中删除焦点(模糊)时,redux-form不执行验证,但是在提交验证按预期工作时 . 请指导我 . 以下是我的代码 . Text field component <TextInput keyboardType={ textType ? textTy...