redux-form相关内容

点语法名称的字段实例上未标记SyncError

我有一个字段poll.id,它是包含多个部分的表单的一部分。每个部件都包含在带有@reduxForm批注的组件中,并且每个组件可以有其自己的唯一验证方法。 我的问题是,在这种情况下,当validatePoll返回验证异常时,它不会显示在字段级别。我想知道这是否与该字段的点语法有关。 @reduxForm({ form: 'posteditor', destroyOnUn ..
发布时间:2022-09-03 17:14:23 其他开发

Redux-Form V6 isDirty(和isPristine)选择器不会在状态更改时触发重新呈现

我正在尝试检测父组件中的表单状态是否已更改,以便只有在表单值已更改时才能显示提交按钮。 初始呈现如预期显示FALSE,但更改这些值不会触发使用新的值重新呈现。 import React from 'react' import { isDirty } from 'redux-form' import { connect } from 'react-redux' { ..
发布时间:2022-09-03 17:02:32 其他开发

Reaction/Redux Redux-Form预填充待更新的表单

我正在尝试使用redux-form库预先填充一个表单。我现在遇到的问题是,当单击Edit Item按钮时,item.id能够从Items或Item组件传递到List。这样,我就可以根据listItems数组检查它,并获取它的数据来填充表单。但在此之前,我创建了一个函数populateForm来尝试redux-form的dispatch/initialize函数用于“populating”表单。它可 ..
发布时间:2022-09-03 16:54:27 其他开发

在TextField type=数字(&Q;)上设置最小/最大值(&Q;)?

我将Material-UIv1.0.0-beta23与redux-form和redux-form-material-ui一起使用。我有一个Field,即类型Number,我想在标记上设置最小值和最大值。我同时尝试了inputProps和min/max,但似乎都没有达到我想要的效果。我看了源代码,没有看到明显的方法来做到这一点。这可能吗?如果可能,如何实现? 这是我的JSX,显示我尝试过的内容 ..
发布时间:2022-02-22 22:50:47 其他开发

调用高阶组件时,在 React 类之外访问 prop

我正在尝试使用高阶组件 (HOC) 模式来重用一些连接到状态并使用 Redux Form formValueSelector 方法的代码. formValueSelector 需要一个引用表单名称的字符串.我想动态设置它,并且能够在需要项目值时使用此 HOC.我使用项目值进行计算. 在下面的代码中,向 HOC 传递了组件和一个字符串.我想将此设置为从父级(表单)传入的道具 formNa ..
发布时间:2021-12-29 11:45:46 前端开发

React Redux 表单和连接语法

我有一个 React 组件 export class Login extends Component {..为清楚起见省略}导出默认连接(选择,动作)(登录); 可以看出它连接到 Redux 并且运行良好 我有 Redux 表单 export class ChangePassword extends Component {..为清楚起见省略}导出默认 reduxForm({形式:'ch ..
发布时间:2021-12-29 11:45:37 其他开发

redux-form:如何在另一个组件上显示表单值

我正在使用 redux-form 6.0.0-rc.5 并且我正在尝试显示用户输入的表单值. 但是,我希望从另一个组件而不是 redux 表单本身显示这些值. 所以,我简化的应用架构应该是这样的: ->(主要组件 - 容器?-)->(连接到表单值并将它们传递下去)->(显示表格值)->(输入表单值) 该组件是一个安装到“form"的 redux-f ..
发布时间:2021-12-29 11:32:35 其他开发

如果表单不完整,则取消 componentWillUnmount

我有一个带有 redux-form 的表单设置,基本上想要创建一个场景,如果在表单的任何输入中填写了内容,并且您尝试离开页面,您会收到提示. 如果他们单击取消,则目的是取消页面卸载或页面导航.我尝试创建一个条件,如果满足它只会 return 但它仍然导航离开当前页面. 这可能是很自然的,而且我还不了解 react/react-router 工作流程,但就目前而言,有人能解释一下最好的方 ..
发布时间:2021-12-21 18:44:47 前端开发

通过更改 react-intl 包装器道具切换语言时,我的 redux-form 被重新初始化

我将我的应用程序包装在来自 react-intl v2,像这样: 而且我有我的 react-form 表单.一切都很棒. 但是如果我开始填写表单,并且我决定更改 UI 的语言(通过监听将更新我的 lang 和 messages props 通过我的 redux store),表单正在被重置:-/ 我看到操作 redux-form/INITIALIZE 在语言改变时被触发. ..
发布时间:2021-12-21 18:44:38 其他开发

以 Redux 形式动态加载初始值

使用initializingFromState 在 Redux-Form 中,我试图动态设置它.这是在书籍列表中编辑特定书籍,并使用 express.js 中设置的简单 api. 完整的容器如下.我不知何故需要在 mapStateToProps 函数中传入 initialValues.在示例中,它是通过静态对象完成的,但我不知道如何使用通过 fetchBook 获取的信息,并将其传递给 in ..
发布时间:2021-12-21 18:37:44 前端开发

使用 redux-form 和 Fetch API 进行服务器验证

如何使用 redux-form 和 Fetch API 进行服务器端验证?文档中提供了“提交验证"演示,说明进行服务器端验证的推荐方法是从 onSubmit 函数返回一个承诺.但是我应该把那个承诺放在哪里呢?据我了解,onSubmit 函数应该是我的操作. ... this.props.addWidget 实际上是我的操作,下面提供. import fetch from 'isomorph ..
发布时间:2021-12-21 18:33:59 其他开发