使用Redux-Form时，无论是否使用connect，操作都不会调度
。
Redux-Form是一个用于处理表单状态的Redux扩展库。它提供了一种简化和管理表单状态的方式，使开发人员能够更轻松地处理表单数据的收集、验证和提交。
无论是否使用connect函数将组件连接到Redux store，Redux-Form的操作都不会自动调度。这是因为Redux-Form的设计目标是提供一种灵活的方式来处理表单状态，而不是强制性地与Redux store集成。
当使用Redux-Form时，可以通过dispatch手动调度Redux操作。例如，可以使用redux-thunk中间件来处理异步操作，或者使用redux-saga来处理复杂的副作用。这样，可以在表单提交或验证等操作时，手动触发相应的Redux操作。
总结起来，使用Redux-Form时，无论是否使用connect函数，操作都不会自动调度。开发人员需要手动调度Redux操作来处理表单状态的变化。
相关·内容
2回答
我正在编写一个Jest测试，以检查当我提交一个用redux-form构建的表单时，是否发送了一个操作。我将存根操作并直接调用提交处理程序handleFormSubmit。我希望使用我的存根操作作为参数来调用dispatch，但是断言总是失败。应用程序确实按预期工作，但我不明白为什么测试会失败。
下面是组件(一个简单的登录表单)：
import React from 'react';
import { Field, reduxForm } from 'redux-form';
import { connect } from 'react-redux'
浏览 1提问于2018-02-06得票数 0
我有一个简单的安卓登录系统和一个mongoDB & Express与它相结合。前端有一些输入字段，我用这些字段实现了redux来访问系统所有页面中的变量。我在通过我拥有的后端将用户信息从前端字段发布到数据库时遇到了问题。
我需要知道如何将这些数据从我的前端发布到我拥有的猫鼬数据库。下面是我的密码。
形式
从“ -本机”导入{ StyleSheet、视图、TextInput、文本、StatusBar、TouchableOpacity }；从“redux-form”导入{ Field、reduxForm }；从‘./ InputText’导入InputText；从‘redux’导入{ co
浏览 2提问于2020-04-13得票数 0
2回答
我正在创建一个基本的投资组合网站，它有一个联系表格部分，在那里人们可以发送给我的电子邮件通过Formspree。我正在使用Redux表单来完成此操作，但我希望重置表单字段，并在成功提交时添加某种“成功”消息。
我尝试过两种方法: 1)调用this.props.resetForm()，2)调用dispatch(reset('ContactForm')。两者都不起作用。
以下是代码：
contact.js：
import React, { Component } from 'react';
import { connect } from 'react-red
浏览 4提问于2017-05-18得票数 0
回答已采纳
我有以下react组件
//@flow
import React from 'react';
import { connect } from 'react-redux';
import { submit } from 'redux-form';
import { Button } from 'ds-component-library';
import styles from './ApplicationLayout.scss';
import cs from 'classnames';
cons
浏览 8提问于2017-07-15得票数 1
1回答
我正在我的React / Redux应用程序中使用redux-form，并且我正在尝试弄清楚如何在提交时分派一个操作。
我已经能够触发handleSubmit函数，并且我传递给它的submit函数被执行，但是'submitFormValues‘操作没有被调用。
我尝试过使用mapDispatchToProps和connect()，但也不起作用。
Redux-Form操作将执行(START_SUBMIT、STOP_SUBMIT、SET_SUBMIT_SUCCEEDED)，但我自己的操作创建器永远不会执行。
表单如下：
import React from "react";
浏览 1提问于2017-03-21得票数 11
回答已采纳
1回答
React中的类分配
、、、、
目前我正在使用redux-form，现在我必须将我的reduxForm组件连接到我的redux存储。因此，在查看文档时，我必须这样做：
// Decorate with reduxForm(). It will read the initialValues prop provided by connect()
InitializeFromStateForm = reduxForm({
form: 'initializeFromState' // a unique identifier for this form
})(InitializeFromStateForm)
/
浏览 0提问于2017-02-15得票数 2
回答已采纳
我正在使用redux-form处理redux中的表单数据。
我已经注意到，为了使用syncErrors状态，检查验证错误，我需要首先检查实际的redux-form是否已经完成呈现，否则将抱怨它找不到未定义的syncErrors --这意味着this.props.accountForm，redux-form，还不可用。
这是预期的行为吗？
--这是破解的代码：
render() {
return (
<SignUpInForm>
<div>
<Field
name="name"
浏览 1提问于2019-01-30得票数 0
回答已采纳
我正在学习react和redux，它们本身是很好的，但当涉及到redux-form时，我遇到了一个障碍。
我有以下表格：
import React, { Component } from 'react';
import { reduxForm, Field } from 'redux-form';
import { connect } from 'react-redux';
import { updateAuthToken } from '../actions/index';
class FormAuthUpdate exten
浏览 6提问于2017-03-15得票数 1
回答已采纳
我有一个表单，当组件加载时，我想跨字段运行数学计算。
如果用户从下拉列表中选择“grid”，这些字段将根据一组默认值进行计算。如果用户更改了任何字段的值，则会对输入的每个新值进行重新计算。
在升级到React 16之前，从15升级到Redux-Form 7+到8，这是通过在componentWillUpdate生命周期方法中调度redux-form操作创建器来实现的。现在，它会导致无限循环。
我已经从componentWillUpdate方法更新为迁移到React 16时建议的首选componentDidUpdate方法。
我在方法中放置了一个条件，就像文档在设置state时建议的那样，但是当
浏览 2提问于2019-08-06得票数 0
我想知道如何手动删除特定路由的setRouteLeaveHook。这个说，在大多数情况下，我不需要手动这样做，但是没有提到如果我需要的话，我可以怎样做。
在大多数情况下，您不需要手动删除路径离开钩子。我们自动删除所有附加的路线，离开挂钩后，离开相关的路线。
原因可能最好通过例子来解释。
class Editor extends Component {
componentDidMount(){
const { dispatch, dirty, route } = this.props;
const { router } = this.context;
route
浏览 5提问于2016-03-12得票数 0
容器组件
import { connect } from 'react-redux';
import { signUpUser } from '../actions/userActions';
import Register from '../components/register';
function mapStateToProps(state) {
return {
user: state.user
};
}
const mapDispatchToProps = (dispatch, ownProps) =
浏览 1提问于2018-07-13得票数 2
回答已采纳
2回答
我想在选中Check all时选中/取消选中所有复选框，但无法使其工作。我使用material-ui组件和redux-form。我的计划是使用formValueSelector接口获取checkAll字段的值，并在此基础上设置复选框A和B的值。我也尝试过使用价值道具，但还是没有成功。
import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm, formValueSelector } from 'redux-form';
i
浏览 1提问于2016-11-06得票数 1
集成来自material-ui-picker和redux-form的DatePicker。 DatePicker onChange无法将当前值传递给redux-form的onChange，下面的代码供参考 helper.js=>>> DatePicker包装器 export const DatePickerField = ({
label,
input: { onChange, value, name },
meta: { error, form },
minDate,
maxDate,
dispatch
}) => (
<
浏览 14提问于2019-01-11得票数 3
回答已采纳
我有一个表单输入验证函数，它只返回一个空错误对象或一个填充的错误对象。
const validate = function validateSomeInput({ field1, field2 }) {
const errors = {}
// some logic
return errors
}
export default validate
是否有方法将动作创建者钩入此功能？
这就是我想要达到的目标：
const validate = function validateSomeInput({ field1, field2 }) {
const errors = {}
浏览 2提问于2017-11-14得票数 3
回答已采纳
当我填写详细信息并登录时，我会得到错误。
未处理的拒绝(TypeError)：router.transitionTo不是一个函数
我在用
"react": "^16.4.2", "react-dom": "^16.4.2", "react-redux": "^5.0.7", "react-router": "^4.3.1", "react-router-dom": "^4.3.1", &
浏览 1提问于2018-09-06得票数 0
1回答
我在做一个redux应用程序。现在，我面临一个问题，要采取行动。以下代码无法分派generateReport操作。
import React, { Component } from "react";
import { Button, Icon } from "semantic-ui-react";
import { connect } from "react-redux";
import { submit, getFormValues, isValid } from "redux-form";
import { generateR
浏览 1提问于2019-05-24得票数 4
回答已采纳
我有您的标准redux/react体系结构，使用redux承诺只在承诺解决时处理我的redux状态。当我在代码中调用回调函数时，我注意到了一些奇怪的行为。似乎当我不调用回调时，就定义了我的action.payload，但是当我不调用回调函数时，就定义了action.payload is defined。以下是我的相关代码/文件：
Register.js
import React from 'react';
import { registerUser } from '../actions'
import { connect } from 'react-
浏览 2提问于2017-06-28得票数 0
回答已采纳
1回答
我正在用动态表单(redux-form)构建一个应用程序。我想当用户点击提交按钮打印值。请注意，我的提交按钮放置在我的应用程序头(在表单之外)。为了实现这一点，我从Redux表单跟踪这个。当我按下“保存”按钮时，我在我的控制台中得到了一个错误：(0 , _reduxForm.submit) is not a function(…)。
我的代码：
提交组件
import React from 'react'
import {connect} from 'react-redux'
import {submit} from 'redux-form'
浏览 7提问于2016-11-09得票数 0
回答已采纳
我使用的是，我想提交表单和显示服务器端验证错误，但是它给出了下面的错误：
服务器响应：
下面是LoginForm组件：
import React,{Component} from 'react'
import InputGroup from '../ui/InputGroup';
import { bindActionCreators } from "redux"
import { Field , reduxForm,SubmissionError} from 'redux-form';
import {faE
浏览 0提问于2018-10-26得票数 0
回答已采纳
0回答
是否可以在使用FieldArray时获取字段的当前值？例如，我有以下代码：
import React from 'react';
import { Form, ArrayField, reduxForm } from 'redux-form';
import { Container, Row, Col } from 'reactstrap';
import { connect } from 'react-redux';
const mapStateToProps = (state) => ({
initialValue
浏览 3提问于2017-12-08得票数 1
回答已采纳
我有这个动作 export const UserIsLoggedIn = isLoggedIn => (
{ type: types.USER_IS_LOGGED_IN, isLoggedIn }); 此actionConstant export const USER_IS_LOGGED_IN = "USER_IS_LOGGED_IN"; 像这样的index.js import { UserIsLoggedIn } from "./redux/actions";
getUser = () => {
this.authServic
浏览 42提问于2019-05-11得票数 0
回答已采纳
对这些技术来说相当新，而且已经到了尾声。我有两个组件:一个父组件包含一个表单(使用redux)并将一个新记录写入数据库，另一个子组件列出一些数据。
我唯一做不到的就是在表单提交完成时刷新该子列表。如果刷新页面，则新数据是可见的。根据我所读到的，我的理解是，通过连接redux表单，我的状态会刷新类似的automatically...or。我这样做是正确的吗？这是一切..。
我的指数减速器：
import { combineReducers } from 'redux';
import { reducer as formReducer } from "redux-form&
浏览 4提问于2017-12-15得票数 2
回答已采纳
我得到了以下错误：
‘调度’未定义为no-undef
我要做的是，每当用户选择一个ReduxFormField单选按钮时，表单自动提交。
怎样才能从this..dispatch中正确地执行onReduxFormFieldChange操作？
...
import {
Field as ReduxFormField,
reduxForm,
} from 'redux-form';
import { compose } from 'recompose';
...
class MyFormRadioInputs extends React.Component
浏览 1提问于2018-01-19得票数 1
我有一个redux-form组件，它在第一次加载时从redux存储中获取initialValues并填充表单。表单仍未提交。(它是以前提交的，但在用户浏览器重新加载后，我们处于从头开始的新状态)。初始值已正确填充。
let CheckoutStep1Form = (props) => {
return(
//my fancy form
)
}
CheckoutStep1Form = reduxForm({
form: 'step1', // a unique name for this form
})(CheckoutStep1Form);
浏览 0提问于2017-02-17得票数 0
1回答
我们一直在使用redux-form，当用户在输入字段中键入内容时，会出现明显的延迟。我不确定这是否是redux-form的问题。这可能是我们构建组件的方式。所以我们有一个页面，其中列出了一些数据，比如25行，并对其进行了筛选。单击一个按钮，我们打开一个模式，在那里我们呈现一个redux-form。现在，如果用户在任何输入字段中键入内容，底层页面中的所有列表项也会重新呈现。我们对列表项使用React.Component。React devtool的“高亮显示更新”选项高亮显示列表项，但当我在列表项的console.log方法中进行渲染时，它不会打印！
我想知道这是不是因为列表项的父组件也是(re
浏览 2提问于2018-10-09得票数 3
我正在尝试使用redux-form设置一个简单的表单。
现在我只有一个按钮，它应该会发送一个动作。我看到了SET_SUBMIT_SUCCEEDED操作，因此我知道表单已成功提交，并且我可以看到我指定的onSubmit函数正在被调用，但它没有分派任何操作。
// root reducer
import { combineReducers } from 'redux'
import { reducer as reduxFormReducer } from 'redux-form'
import login from './login'
export
浏览 1提问于2016-11-27得票数 3
我正在使用isDirty检查是否已经输入了表单值(并基于此禁用其他内容)。
import { isDirty } from 'redux-form';
const mapStateToProps = state => ({
isFormDirty: isDirty('myform')(state)
});
这很好用，因为在我想禁用get disabled的按钮中，表单的值发生了变化。当我发送reset redux-form操作创建器时，它们也会被启用。
但是，成功提交表单并不会清除脏状态。我通过isDirty检查禁用的按钮仍然处于禁用状态。
我是否需要
浏览 3提问于2017-03-06得票数 3
我得到了一个redux-form，我正在尝试使用initialValues初始化该表单。给定以下代码，表单中既没有填写姓名，也没有填写年龄：
const EmployeesForm = reduxForm({
form: 'addEmployee',
enableReinitialize: true
})(EmployeesFormComponent)
export default connect((state, ownProps) => {
const initialValues = { name: 'Jason', age: 24 }
浏览 2提问于2017-08-08得票数 7
1回答
我只是在学习redux表单，并在组件中尝试通过代码更改字段名：
Import React from 'react'
import { connect, dispatch } from 'react-redux'
import { Field, reduxForm, formValueSelector } from 'redux-form'
let SelectingFormValuesForm = props => {
const changeStuff = (props) => {
dispatch(change
浏览 0提问于2019-03-30得票数 0
回答已采纳
在我的组件中，我有以下内容： componentWillReceiveProps(nextProps) {
if (nextProps.industries.items.length > 0) {
this.setState({
industry_item_id : nextProps.industries.items.find(el => el.title === "XXXX").id
});
} 然后我想在Redux Form的initialValue中使用这个值，如下所示： myForm = reduxForm({
f
浏览 61提问于2017-08-07得票数 0
回答已采纳
我正在尝试使用"redux-form"："^6.7.0“和"react-bootstrap"："^0.31.0”。
我的组件呈现得很好，但是当我按Submit时，我看到的是一个空对象。
注意:我尝试过先用connect包装Config，然后如下面所示，首先用redux-form包装它，然后用from react redux connect()包装它。
Configuration.js
class Config extends Component {
render() {
const { ServerPort, UserID
浏览 2提问于2017-05-11得票数 11
回答已采纳
我正在尝试使用redux-form。我正在遵循官方文档中的示例。
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';
import { connect } from 'react-redux';
class Example extends Component {
// ...
};
const mapStateToProps = (state) => ({
// ...
});
const mapDispat
浏览 2提问于2017-12-13得票数 0
我有一个redux-form，它有一个字段，要求用户进行单选按钮选择。一旦用户选择了一个单选按钮，我希望表单立即提交，而不需要用户单击submit按钮。
使用redux-formv7.2.0自动提交表单的正确方法是什么？
浏览 14提问于2018-01-19得票数 0
在redux-form Simple Form example ()中，我们可以看到如何使用props redux-form disabled：<button type="submit" disabled={pristine || submitting}>Submit</button>控制按钮的生成状态。
在我的例子中，submit按钮位于表单之外的另一个组件中，我使用的方法类似于远程提交示例()
import React from 'react'
import { connect } from 'react-redux'
浏览 1提问于2017-01-20得票数 0
所以基本上我想把这个包实现到我的应用程序中。
但当我试图遵循他们的方法时，我被这个问题卡住了。
我坚持是因为我想通过redux使用这个烤面包器库，但当我这样做时，我得到了错误消息：this.props.dispatch不是一个函数。bla bla调度未定义。
下面是我的代码，我可以在上面调用Toaster，但操作不起作用：
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
ScrollView,
Button,
View
} from &#
浏览 0提问于2017-09-30得票数 0
2回答
我做了一个简单的聊天服务器/客户端，遇到了这个问题
当用户单击按钮时，我希望按钮变为"disconnect"，在JTextPane对象上编写一些东西并进行连接。
问题是在建立连接之前什么都不会更新，按钮卡住了，而且对JTextPane对象的任何写入都只在连接之后(大约5-10秒)才能看到。
有什么解决方案/建议吗？
connectButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent event) {
浏览 1提问于2014-05-13得票数 0
我正在做这个项目，我们正在使用微软的这个模板，它工作得很好，但是对于这个特殊的任务，我需要一个来自redux的‘默认’调度方法，这样我就可以专注于一些表单输入，我不知道如何获得它。
import { ApplicationState } from '../../../store/index';
import { connect } from 'react-redux';
import * as GlobalState from '../../../store/Global';
import { Field } from 'redux-fo
浏览 4提问于2018-10-25得票数 0
我看到，计划脚本执行的任何更新都不会在更新集中捕获。捕获更改的标准是什么？我们是否可以手动配置要在更新集中捕获的项的列表。？
浏览 3提问于2015-04-08得票数 4
回答已采纳
1回答
我正在尝试测试用ant design和redux-form创建的表单。我已经创建了container和component。 我使用redux-saga作为中间件。 在挂载UserFormContainer时，它将调度操作，redux-saga将执行该操作，并执行必要的api调用并返回数据。 redux-form的initialize函数可以填充表单。 问题是，我想测试表单是否已填写。但是当调用componentdidmount()时，我在模拟数据获取时遇到了问题。 UserFormContainer.js import React, { Component } from "react
浏览 20提问于2020-03-03得票数 0
回答已采纳
4回答
还原剂在反应还原中不更新状态。
、、、、
我正在尝试使用更新状态，但是状态没有被更新。还原器中的"if (action.type === 'SET_LOGGED_IN')“正在出现新的值，但没有将isLoggedIn更新为true。怎么了？
Login.js
function handleLoginClick(username, password, e) {
e.preventDefault();
post('/createUser', { username, password })
.then(({ status }) => {
浏览 2提问于2019-02-25得票数 3
回答已采纳
我将我的应用程序和redux表单放在IntlProvider组件中，就像这样： <IntlProvider>
<Form />
</IntlProvider> 问题是，每当我试图通过调用updateIntl操作来更改应用程序语言来更改区域设置值时，redux form组件都会再次被重新挂载，并重新设置表单中的所有状态和属性。 我正在使用react-intl-redux调用updateIntl，就像这样： dispatch(updateIntl({ locale: value, messages: translations[value] })) 这些
浏览 14提问于2019-05-14得票数 0
回答已采纳
我是新的react/redux，并试图遵循结构上的常见实践。
我使用的是一个后端服务，它只需要连接几个容器。
现在，我将连接状态存储在redux中，并在每个需要连接它的容器中包含一个模块。
有什么最佳做法/更好的方法来构造/做到这一点？
看起来是这样的：
import myConnectionProvider from "modules/myConnectionProvider";
...
class MyComponent extends React.Component {
componentDidMount() {
myConnectionProvi
浏览 1提问于2017-08-18得票数 0
回答已采纳
1回答
我正在尝试加载一个Redux表单，其中预先填充了来自商店的值。
目前，我可以直接从还原器填充redux表单，但是在提交表单时，它只接受可单击元素的数据以生成有效负载。
然而，我能够从减速机获得数据到存储。我需要用存储值初始化redux表单。
是否有任何最佳方法来初始化表单元素和存储中的值，并将整个模型作为有效负载提交？
兹随函附上复制件.
Redux表单：-
import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm } from '
浏览 1提问于2018-05-10得票数 1
我有一个组件，其虚拟结构如下所示：
<Header>
My Status
</Header>
<Form>
<Field.Text> Name: </Field.Text>
</Form>
<Footer>
<a> foo link </a>
</Footer>
因此，组件中的标头将包含状态--是否保存了我的表单，还是在保存时遇到了错误？
我的问题是，我查看了r
浏览 0提问于2018-06-16得票数 0
回答已采纳
1回答
我正在用React Native写一个移动应用。我有两个js文件，如下：
Error.js
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { getTranslate } from 'react-localize-redux';
function mapStateToProps(state) {
return {
t: getTranslate(state.locale)
};
}
ex
浏览 1提问于2018-06-20得票数 3
1回答
我尝试了类和函数组件作为redux-form组件。似乎来自Field的道具很难传递到课堂上。代码如下所示：
const Rfc=(props,field)=>(
<div>
<input {...field.input} type="text" onChange={props.mychange}/>
</div>
)
class MyForm extends React.Component{
render(){
const{dispatch,field}=this.props;
浏览 3提问于2018-04-03得票数 0
1回答
我最近正在做一个react项目，这个项目正在创建从redux-form@8.3.7获取输入。但问题是，它没有接受表单中的值。 在检查redux-dev工具的值是否正在替换之前的值时，我在整个互联网上搜索了类似的问题，但找不到解决方案。 我的代码 减速机 import { combineReducers } from "redux";
import { reducer as formReducer } from 'redux-form'
import ocaFormFieldReducer from "./ocaFormReducers/ocaFormF
浏览 35提问于2021-04-11得票数 0
回答已采纳
redux-form文档表明reduxForm()装饰器接受一个必需参数(配置对象)和四个可选参数(与在react-redux中传递给connect装饰器的四个参数相同)。但是，当我将mapStateToProps()函数作为参数传递给reduxForm()装饰器时，mapStateToProps()实际上并没有运行。请参阅下面的简化代码示例。解释器永远不会到达debugger语句。我对redux-form文档有什么误解吗？
import React from 'react';
import { reduxForm } from 'redux-form';
c
浏览 2提问于2016-04-12得票数 1
0回答
我可以使用redux-form呈现输入字段，但似乎不能在字段中键入任何文本(该组件似乎会在每次击键时重新呈现)。下面是代码，我创建了一个非常简单的代码来尝试定位问题：
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createStore, combineReducers } from 'redux';
import { Field, reduxForm, reducer as formReducer } fro
浏览 3提问于2017-01-03得票数 4
回答已采纳
1回答
我一直在阅读Redux 关于使用一组初始值预填充表单的内容，但是在该页面上的示例中，这些值是在单击按钮时获取的，而当页面加载时，我需要立即获取它们。
下面是我到目前为止的情况。我可以将初始值作为渲染()方法中的道具接收，但是我不知道如何将这些值传递给Field组件.
import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm } from 'redux-form';
import { Redirect } from &#
浏览 1提问于2018-06-07得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
