React-Redux创建操作失败，表单
提交后页面没有更新，如何解决？
React-Redux是一个用于构建可扩展的、高性能的Web应用程序的JavaScript库。它结合了React和Redux两个流行的库，提供了一种管理应用程序状态的方式。当使用React-Redux创建操作失败后，表单提交后页面没有更新的问题，可能是由于以下几个原因导致的：
- 状态管理问题：检查Redux store中的状态是否正确更新。确保在Redux reducer中正确处理了相应的操作，并返回了新的状态。同时，确保在React组件中正确地连接了Redux store，并使用了正确的状态和操作。
- 异步操作问题：如果表单提交涉及到异步操作（例如发送网络请求），请确保在操作完成后，正确地更新Redux store中的状态。可以使用Redux中间件（如redux-thunk或redux-saga）来处理异步操作，并在操作完成后分发相应的Redux action。
- 组件更新问题：确保React组件正确地订阅了Redux store中的状态，并在状态更新时重新渲染。可以使用React-Redux提供的connect函数来连接组件和Redux store，并使用mapStateToProps函数来选择需要的状态。
- 表单提交问题：检查表单提交的方式和事件处理函数是否正确。确保表单使用了正确的提交方法（如POST或PUT），并且事件处理函数正确地处理了表单提交事件。
解决这个问题的方法可能因具体情况而异，可以根据具体的代码和错误信息来进行调试和排查。如果问题仍然存在，可以参考React-Redux的官方文档或社区论坛，寻求更多帮助和支持。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供可扩展的云计算资源，用于部署和运行Web应用程序。详情请参考：腾讯云云服务器
- 云数据库MySQL版（CDB）：提供高可用性、可扩展的关系型数据库服务，用于存储和管理应用程序的数据。详情请参考：腾讯云云数据库MySQL版
- 云函数（SCF）：提供无服务器的函数计算服务，用于处理应用程序的后端逻辑。详情请参考：腾讯云云函数
- 云存储（COS）：提供安全可靠、高扩展性的对象存储服务，用于存储和管理应用程序的文件和媒体资源。详情请参考：腾讯云云存储
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，用于开发和部署人工智能应用程序。详情请参考：腾讯云人工智能平台
- 物联网开发平台（IoT Explorer）：提供全面的物联网解决方案，用于连接、管理和控制物联网设备。详情请参考：腾讯云物联网开发平台
- 区块链服务（Tencent Blockchain）：提供安全可信的区块链技术和解决方案，用于构建和管理区块链应用程序。详情请参考：腾讯云区块链服务
相关·内容
我正在学习React和Redux，我已经成功地实现了read操作并将数据显示在表中，现在我正在尝试用一个表单来实现加法操作，它抛出了一个名为map而不是函数的错误。default postReducer;import React, {Fragment} from "react";请注意，table.js文件没有问题import React, { Fragm
浏览 8提问于2019-08-18得票数 0
回答已采纳
我正在尝试将应用程序转移到redux(新手)。我有这段代码，我有点搞不懂什么是设置初始状态的最佳实践。例如，这是代码 super(props); cityName: '', weatherDescription:'', temperature:'',
浏览 5提问于2017-02-21得票数 0
回答已采纳
我正在尝试创建一个对服务器的简单API调用。为此，我创建了一个名为- likes.js的文件，其中有：import tokenConfig from '.
浏览 0提问于2020-11-03得票数 0
回答已采纳
我显然遗漏了一些关于这应该如何工作的东西。我有一个切片，它有缩减器，我可以把它们带进来，我可以看到console.log像预期的那样启动…buuut Redux Dev Tools显示我没有改变我的状态-默认的null仍然是列出的值。 切片 import { User } from "@firebase/auth";// define state
浏览 13提问于2021-09-18得票数 0
回答已采纳
目前，当我只有一个表单时，表单的操作指向与生成页面的操作和控制器相同的操作和控制器。然后，控制器的操作功能验证表单，如果验证成功，则执行所需的操作。如果验证失败，它将不执行该操作，并使用已验证的表单重新生成页面，以便在正确的位置显示错误消息。
我现在的情况是，我有一个操作/控制器，它为视图创建了两个表单和一个项目列表以供显示。该视图显示
浏览 1提问于2009-12-03得票数 1
回答已采纳
总结：如果没有提交按钮(来自componentDidUpdate的IE或自定义函数)，我如何提交一个React表单？
Redux表单是一个组件，然后表单中的各个项是它们自己的组件。我遇到的问题是，提交Redux表单“按需”似乎非常困难。我需要以编程的方式提交这个表单，而不是通过提交按钮，但是Redux和/或Redux似乎阻止了我尝试这
浏览 1提问于2017-10-10得票数 0
1回答
+ Redux；无法创建表单
、、、、
Case：尝试创建一个注册表单，该表单接收来自简单表单和的用户输入值，这两个字段依赖于url。dispatch) => { }2.表单表单名为SignUpForm = reduxForm({})
export default Sign
浏览 2提问于2016-12-02得票数 0
回答已采纳
1回答
我正在用动态表单(redux-form)构建一个应用程序。我想当用户点击提交按钮打印值。请注意，我的提交按钮放置在我的应用程序头(在表单之外)。为了实现这一点，我从Redux表单跟踪这个。我的代码：import React from 'react'import {submit} from 'redux-form
浏览 7提问于2016-11-09得票数 0
回答已采纳
我在表单中使用redux- form的Field的多个实例，使用redux-form-material ui的TextField作为一个可呈现的组件： component={TextField} name='title'当表单所在的组件被reduxForm()包装时，我们在这个组件中得到了props.pristine但是，我希望在另一种非reduxForm组件或Redux状态下执行一些
浏览 0提问于2018-02-22得票数 0
1回答
我正在用jest和酶测试一个reduxForm组件，我不知道如何在这个组件中测试方法。如何使用reduxForm来模拟这些组件或测试组件，而不是作为一个单独的组件这是登录组件：import React, { Component } from 'react'import { Field, reduxFor
浏览 0提问于2018-12-07得票数 0
2回答
目标是将一个对象从我的表单发送到我的操作。(无异步)export function addProduct(productTypeactions.ADD_REWARD, }
r
浏览 2提问于2019-12-28得票数 1
回答已采纳
我正在用react-redux写一个crud应用程序，我已经成功地实现了read和add操作，我也在update操作的一半，当我点击编辑按钮，我得到的数据填写在表单中，只有更新操作的问题。我对update和add使用相同的表单，我面临的问题只有dispatching更新数据，它在表格中显示更新数据。这是我的form.js文件：import { connect } from '<
浏览 13提问于2019-08-18得票数 0
回答已采纳
在使用Redux的React中，我以前曾以以下方式将调度映射到propsexport const anActionCreator = data =>{ returnreturn { dispatch(anActionCreator(payload));};它既麻烦又耗时，所以我换成了这个dispatch({type:"THE_ACTION",payload
浏览 0提问于2019-09-04得票数 0
2回答
无反应的访问剩余
、、
我在App中创建了商店：import createStore from '.ReactDOM.render( <App> document.getElementById('root')当我需要添加操作或侦听组件中的状态更改时，我很高兴使用react-r
浏览 5提问于2016-03-16得票数 9
回答已采纳
我已经创建了表单，并将快捷代码添加到为注册而创建的不同页面。我面临的问题是所有的表单都有表单操作网址是' /register '，所以当表单提交失败并返回错误页面时，页面将被重定向到/register页面，而不是表单实际放置的页面。如何防止此操作，如何设置操作url？是否有任何选项或过滤器？
浏览 13提问于2019-01-28得票数 0
每个组件都有自己的状态来保存该组件的表单数据。我在这里的目标是将所有3个组件的状态存储在一个react存储中。因此，在提交的每三个表单部分，他们都将合并成一个大的状态，在一个redux商店，然后我可以做它，我喜欢。
现在我已经安装了redux，创建了一个商店，现在我迷路了，哈哈，有人能帮我找到有用的资源吗？
浏览 0提问于2019-03-11得票数 0
回答已采纳
1回答
目前，我正在尝试在react/redux中分派一些操作，我也在使用redux形式。如何在react-redux连接函数中实现redux form？dispatch(authUser()); signIn: () => { }}(connect(mapStateToProps, mapDispatchToProps) (SignIn))
当将signIn函数传递给
浏览 0提问于2017-10-26得票数 0
嗨，我正在尝试我的第一个rails项目，想知道是否有可能将(相册的)显示或索引视图与创建更多相册的表单结合起来。URL是否没有正确的参数来执行此操作？我是否可以在表单上设置操作，使其“创建”，并在成功时再次redirect_to索引页面？
浏览 7提问于2012-09-30得票数 0
我正在用react编写一个crud应用程序，我的Read和Create操作已经成功完成了，它们工作得很好！现在我正在尝试实现edit操作，我希望当我单击“编辑”按钮时，表单应该填充我单击的数据，并且表单按钮的名称应该改为update。这是我的table.js文件import { connect } from "react-redux";
class Table/compone
浏览 0提问于2019-08-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
