redux-form相关内容
我有一个字段poll.id,它是包含多个部分的表单的一部分。每个部件都包含在带有@reduxForm批注的组件中,并且每个组件可以有其自己的唯一验证方法。 我的问题是,在这种情况下,当validatePoll返回验证异常时,它不会显示在字段级别。我想知道这是否与该字段的点语法有关。 @reduxForm({ form: 'posteditor', destroyOnUn
..
我正在尝试检测父组件中的表单状态是否已更改,以便只有在表单值已更改时才能显示提交按钮。 初始呈现如预期显示FALSE,但更改这些值不会触发使用新的值重新呈现。 import React from 'react' import { isDirty } from 'redux-form' import { connect } from 'react-redux' {
..
我正在尝试使用redux-form库预先填充一个表单。我现在遇到的问题是,当单击Edit Item按钮时,item.id能够从Items或Item组件传递到List。这样,我就可以根据listItems数组检查它,并获取它的数据来填充表单。但在此之前,我创建了一个函数populateForm来尝试redux-form的dispatch/initialize函数用于“populating”表单。它可
..
我想在Reaction应用程序中显示这样的弹出窗口click here。简而言之,我希望在ReactJs中启动并打开电子邮件客户端。我当前使用的是一个简单的p标记:
Email US
我知道有一种方法可以这样使用mailto: Emai
..
我将Material-UIv1.0.0-beta23与redux-form和redux-form-material-ui一起使用。我有一个Field,即类型Number,我想在标记上设置最小值和最大值。我同时尝试了inputProps和min/max,但似乎都没有达到我想要的效果。我看了源代码,没有看到明显的方法来做到这一点。这可能吗?如果可能,如何实现? 这是我的JSX,显示我尝试过的内容
..
我有一个 redux 表单,提交时会导致整个浏览器页面刷新,这是不希望的... 我在这里做错了什么导致页面在提交时刷新? Rate.js 从'react'导入React;从'../../components/rate/RateForm'导入RateForm;类 Rate 扩展 React.Component {处理提交(数据){警报('x')console.log('handleSu
..
当我使用 redux-form 5.3.1 时,我能够访问我的动作创建者.但是因为我需要 Material-UI,所以我将其更新为 6.0.0-rc.3. 从 5.3.1 到 6.0.0 的变化: 从 render() 中删除的字段: const { handleSubmit, fields: { email, password, passwordConfirm }} = thi
..
我正在尝试使用高阶组件 (HOC) 模式来重用一些连接到状态并使用 Redux Form formValueSelector 方法的代码. formValueSelector 需要一个引用表单名称的字符串.我想动态设置它,并且能够在需要项目值时使用此 HOC.我使用项目值进行计算. 在下面的代码中,向 HOC 传递了组件和一个字符串.我想将此设置为从父级(表单)传入的道具 formNa
..
我有一个 React 组件 export class Login extends Component {..为清楚起见省略}导出默认连接(选择,动作)(登录); 可以看出它连接到 Redux 并且运行良好 我有 Redux 表单 export class ChangePassword extends Component {..为清楚起见省略}导出默认 reduxForm({形式:'ch
..
我正在使用 redux-form 6.0.0-rc.5 并且我正在尝试显示用户输入的表单值. 但是,我希望从另一个组件而不是 redux 表单本身显示这些值. 所以,我简化的应用架构应该是这样的: ->(主要组件 - 容器?-)->(连接到表单值并将它们传递下去)->(显示表格值)->(输入表单值) 该组件是一个安装到“form"的 redux-f
..
我正在创建一个简单的表单来使用电子反应样板和 redux 表单上传文件材质界面. 问题是我不知道如何创建输入文件字段,因为材料ui不支持上传文件输入. 关于如何实现这一目标的任何想法? 解决方案 API 提供了用于此目的的 component.
..
我在尝试在 redux-form 中渲染一个简单的 material-ui-next 复选框时遇到了一些麻烦.我正在关注 official example 并尝试使其适应material-ui-next 等效,因为示例使用的是旧版本的 material-ui.这是我最终使用的代码: const renderCheckbox = ({ input, label }) =>(
..
我有一个带有 redux-form 的表单设置,基本上想要创建一个场景,如果在表单的任何输入中填写了内容,并且您尝试离开页面,您会收到提示. 如果他们单击取消,则目的是取消页面卸载或页面导航.我尝试创建一个条件,如果满足它只会 return 但它仍然导航离开当前页面. 这可能是很自然的,而且我还不了解 react/react-router 工作流程,但就目前而言,有人能解释一下最好的方
..
我将我的应用程序包装在来自 react-intl v2,像这样: 而且我有我的 react-form 表单.一切都很棒. 但是如果我开始填写表单,并且我决定更改 UI 的语言(通过监听将更新我的 lang 和 messages props 通过我的 redux store),表单正在被重置:-/ 我看到操作 redux-form/INITIALIZE 在语言改变时被触发.
..
如何设置defaultValue 到输入组件? 我像上面一样尝试过,但我的字段是空的.我正在尝试创建 fieldArray(动态表单): {fields.map((prize, index) =>
..
使用initializingFromState 在 Redux-Form 中,我试图动态设置它.这是在书籍列表中编辑特定书籍,并使用 express.js 中设置的简单 api. 完整的容器如下.我不知何故需要在 mapStateToProps 函数中传入 initialValues.在示例中,它是通过静态对象完成的,但我不知道如何使用通过 fetchBook 获取的信息,并将其传递给 in
..
我有一个简单的由 react-redux 驱动的表单.我希望有一个 form.container.tsx 和一个 form.component.tsx,其中 form.container.tsx 保存所有与 redux 状态的连接减去 Field 的连接.我正在尝试将我的容器包装在 react-redux 的连接中,然后将 reduxForm 包装在其中,使其看起来像 TypeScript、red
..
我正在尝试使用此代码将动态表单名称传递给 reduxForm. 这是我找到的代码: let FormAddress = compose(connect((state, props) => ({form: props.form})), reduxForm({destroyOnUnmount: false, asyncBlurFields: []}))(ValidationForm); 来自
..
如何使用 redux-form 和 Fetch API 进行服务器端验证?文档中提供了“提交验证"演示,说明进行服务器端验证的推荐方法是从 onSubmit 函数返回一个承诺.但是我应该把那个承诺放在哪里呢?据我了解,onSubmit 函数应该是我的操作. ... this.props.addWidget 实际上是我的操作,下面提供. import fetch from 'isomorph
..
我想使用 DatePicker 使用 redux 表单选择日期.我创建了这个: 从'react'导入React;从'react-datepicker'导入DatePicker;导入 'react-datepicker/dist/react-datepicker.css';导出默认字段 =>(
..