用于创建和编辑的Redux表单
Redux是一个用于JavaScript应用程序的可预测状态容器。它可以帮助开发者管理应用程序的状态，并使状态的变化变得可追踪和可调试。Redux的核心概念包括store、action和reducer。
- Redux表单的概念： Redux表单是指使用Redux来管理应用程序中的表单状态和表单数据。它可以帮助开发者在应用程序中创建、编辑和提交表单数据，并将表单数据与应用程序的状态进行同步。
- Redux表单的分类： Redux表单可以根据其功能和用途进行分类，常见的分类包括登录表单、注册表单、搜索表单、数据编辑表单等。
- Redux表单的优势：
- 可预测性：Redux表单使用单一的状态树来管理表单数据，使得表单状态的变化变得可预测和可追踪。
- 可扩展性：Redux表单可以与其他Redux中间件和工具库结合使用，实现更复杂的表单验证、异步提交等功能。
- 可调试性：Redux表单的状态变化可以通过Redux DevTools等工具进行调试和监控，方便开发者进行错误排查和性能优化。
- Redux表单的应用场景： Redux表单适用于任何需要管理复杂表单状态的应用场景，包括但不限于以下情况：
- 用户登录和注册表单
- 数据编辑和提交表单
- 搜索和过滤表单
- 多步骤表单
- 动态表单（根据用户输入动态生成表单字段）
- 腾讯云相关产品和产品介绍链接地址： 腾讯云提供了一系列与云计算相关的产品和服务，其中与Redux表单相关的产品包括：
- 腾讯云Serverless Cloud Function（SCF）：提供无服务器的计算能力，可用于处理表单提交等业务逻辑。详细信息请参考：Serverless Cloud Function (SCF)
- 腾讯云COS（对象存储）：可用于存储表单数据和文件上传。详细信息请参考：对象存储 COS
以上是关于Redux表单的完善且全面的答案，希望对您有帮助。
相关·内容
我刚接触过Redux，但没有反应。我很难想象如何设计这个。
我的应用程序有一个复杂的嵌套数据结构-一个“记录”。单页表单允许用户编辑该记录的所有字段。编辑并不简单:在用户提交表单后，我需要检查旧记录和任何新编辑之间的某些字段是否不同。如果有差异，我需要执行一堆花哨的逻辑来正确地更新记录。(例如，用户对单个字段所做的编辑可能需要传播到记录的各个深层部分，派生数据的列表需要重新生成并存储在记录中，等等)
我想：
使用Redux作为记录存储。(我拿到这部分了)
用存储中的单个记录补充我的表单组件。
使用香草反应存储表单字段状态(即普通受控形式元素)
在提交时，将旧记录(即存储中的记录
浏览 2提问于2017-08-01得票数 2
与其为整个可编辑对象打开窗体，我希望从对象中创建单个字段的内联编辑。
我正在使用reactjs，redux和redux表单作为我的其他表单，所以我认为最好的起点是尝试使用redux表单进行内联编辑。这将使我免于使用两种不同的方法来进行验证，状态管理等。
但是，这意味着我将为每个可编辑的对象提供一个表单，而对于这些对象上的每个字段，则会有一个表单。可能是上百种形式。除了这种方法可能带来的可维护性问题之外，我还想知道性能的含义是什么。在这种情况下，redux表单的表现如何？这是否意味着会有数以百计的还原者监听redux存储中的每个操作，还是这些还原器只在显示包含表单的页面时侦听？
浏览 0提问于2018-01-03得票数 3
回答已采纳
鉴于我使用的是redux-form，请考虑这个相当基本的CRUD示例。我在一个页面上有一个客户列表。列表中的每个条目都有一个编辑按钮。点击编辑按钮导航到一个新页面(通过react路由器)，该页面中有一个用于编辑和向服务器提交更新的表单。
给定上面的示例，我是否应该有一个表单，并在每次导航到新客户时(通过不同的客户ID属性)保持对新客户重新初始化值？或者，对于每个潜在的客户id，是否应该有多个redux-form (即:多个redux-form state)？
因此，如果要重用相同的表单状态，我的状态可能看起来像这样。每次显示表单的组件挂载时，它都会保持重置为最新值。因此，他们单击以编辑cust
浏览 23提问于2018-01-22得票数 1
回答已采纳
1回答
我想隐藏“创建”和“编辑”按钮在状态和组角色在表单视图.For示例隐藏创建和编辑按钮时，状态不是草稿和用户属于请求用户组。
据我所知，我可以在编辑视图时隐藏按钮。在组角色规则上，我可以禁用创建或编辑。
我试着为请求用户组写一个规则，但是用户不能使用按钮，只能看到它。
在视图中，我找到了隐藏默认创建和编辑按钮的唯一方法：
<form string="Employees" create="false" edit="false">
但通过这种方式，我为所有状态的所有用户隐藏了它们。有没有其他方法可以根据状态和组角色隐藏创建和编辑按钮？
浏览 2提问于2018-11-22得票数 0
任何能够获得redux表单和redux表单的redux表单自动完成工作的人都可以管理数据吗？
浏览 1提问于2020-05-01得票数 0
回答已采纳
几天甚至几个星期(阅读文章、观看视频/演讲)，我正试图理解如何正确地使用Redux和，但我真的很难完全理解这个概念。也许我的usecase不太适合Redux，或者我只是忽略了一些显而易见的东西。
我想找到的是一个大型应用程序的良好基础。我对React很有信心，但是Redux (因此，redux-form)似乎是一个很好的解决方案，解决了我没有的问题。尽管如此，每个人都称赞Redux (或通量)概念，所以我想确保我没有遗漏一些东西。
好的，这个应用程序是高度database-driven的，所有的数据都可以在浏览器中方便地获得(它是一个离线的第一个应用程序)。
我使用的浏览器内数据库非常类似于加
浏览 1提问于2016-10-03得票数 0
我正在使用react/redux实现一个客户编辑表单页面。我将在componentDidMount方法中获取与客户ID相关的客户详细信息，并将与客户相关的数据存储在redux存储中。
我希望将该数据集用作customer编辑表单页面中的模型，并希望使用存储在redux存储中的客户数据初始化本地状态。
我想知道，我应该在哪个组件中这样做(将redux存储模型设置为本地状态)？在构造函数中这样做正确吗？
浏览 10提问于2017-08-04得票数 0
回答已采纳
2回答
此表单用于编辑用户配置文件。它应该加载初始值的最新用户数据。为了处理这个问题，我在useEffect中添加了一个redux fetchUser操作，并将表单的初始值设置为redux存储中的currentUser。fetchUser命中数据库端点并更新redux存储中的currentUser。 但是，如果我提交表单并重新加载页面，初始数据不会更新。 我不确定为什么我的初始值/表单与我的redux存储不是最新的。如果我离开表单并导航回表单两次，表单将使用正确的数据进行更新。 我的假设是，每次呈现组件时，表单都不会重置初始值。看起来数据是持久化的。我曾尝试将一个对象传递给resetForm()以强
浏览 39提问于2020-06-15得票数 1
我已经用FieldArray创建了一个Redux表单，就像它的例子中提到的那样，你可以添加多个成员和爱好并提交表单。 https://redux-form.com/8.1.0/examples/fieldarrays/ 我们可以通过访问数据库中的表单来编辑相同的表单吗？编辑窗体应该显示我以前创建的所有字段和按钮？ 请告知不同的子组件(使用FieldArray创建)将如何填充值。 谢谢
浏览 20提问于2019-03-14得票数 0
回答已采纳
3回答
在我公司的企业解决方案中，我正在尽可能多地清理内存泄漏。
我们有一个由许多其他形式继承的BaseCaptureForm (例如，RecommendationCaptureForm)。在整个系统中(例如)，这个RecommendationCaptureForm被称为modally (ShowDialog())。现在，据我所知，当表单以模式方式打开时，它们应该包装在using语句中，或者在完成时被处理掉。
BaseCaptureForm中有一个从未命中的dispose方法。我放了一个终结者，它永远也不会被击中。ANTS内存分析器显示所有这些表单都保留在内存中。
有没有人建议我如何处理这些捕获表单(
浏览 3提问于2011-04-19得票数 2
回答已采纳
我目前正在构建一个电子商务react应用程序，用户可以在其中相互出售二手物品。从用户的角度来看，用于创建和管理广告的典型工作流可以看起来是这样的:用户创建广告->，广告被上传到数据库->，用户从数据库获取他的广告，并在列表->中查看它们，他决定改变广告中的某些东西，点击它，并获得具有可编辑的广告数据(从数据库获取)的表单。
我这里的问题是，我真的很困惑在redux中保存什么？redux的目的是简化数据流，多个组件中需要的数据应该存储在那里。但是，如果我总是从数据库获取所需的数据(例如，当用户获取他的广告列表或可以编辑的广告数据时)，那么redux不是一个不必要的步骤吗？
我希
浏览 0提问于2020-03-23得票数 2
我正在尝试创建一个编辑表单w/ 。表单可以很好地工作，这是一个空白的起点，但是对于具有初始值的编辑表单，我无法让它工作。
如果我使用的是直接的redux-form，那么只要将prop of initialValues传递到表单组件中，就可以很好地初始化表单。
使用这种逻辑，我认为我所需要做的就是将Field#component属性从"input"更改为{Input} (/w是适当的导入)。请注意，我从未看到currentValue通过props传入。目前还不清楚这个道具将如何被植入。
道具：
{initialValues: {"first_name": "
浏览 1提问于2018-01-23得票数 1
1回答
设置纬度问题的文本框格式
、、、
我在定义MySQL数据库中的字段并将其显示在PHP表单的文本框中时遇到了问题。
关于纬度和经度的书面格式。
我在数据库中有一个字段latitude，它存储了一个值，例如: 52°18‘29“N此字段的结构是type: varchar(50) collation: utf8_unicode_ci
我也尝试过键入: text
文本框的html为：
<input type="text" name="latitude" size="40"
value="<? echo "$row[latitude]"?>&
浏览 0提问于2014-06-18得票数 1
我最近开始在一个React项目中使用Redux-Saga，因为它对我来说是新的，我想了解它是如何工作的。我也开始使用Formik，因为它在React应用程序中管理表单的流行程度似乎已经超过了Redux-Form。现在，我理解了丹·阿布拉莫夫的理由：“使用React实现对应用程序无关紧要的短暂状态，并且不会以复杂的方式发生变化。”
但这似乎与Redux-Saga文档中的SOMETHING_REQUESTED -> apiCall -> SOMETHING_SUCCESS or SOMETHING_FAILURE模式不一致。例如，如果我有一个表单，它分派了saga用来执行异步请求的一些
浏览 0提问于2019-03-19得票数 9
1回答
如何为SQLite创建表单？
、、、、
我在火狐中创建了一个带有SQLite管理器扩展的SQLite数据库。
现在只需要创建一个表单来插入、编辑数据。因为Grid非常糟糕，所以编辑BLOB字段包含大量文本。
我搜索了互联网，发现没有一个简单的程序可以创建表单。有小费吗？
我的数据库只有两个字段:名称(文本)和描述(BLOB)
我是SQL的初学者，我对数据库有一点了解，SQLite选择不需要使用任何软件或服务器依赖
浏览 1提问于2014-11-03得票数 0
回答已采纳
场景: FiledArray被放在Redux表单中，它包含五条记录。我删除了2条记录，并尝试更新数据库中已删除的记录in。
问题:提交redux表单时无法获取已删除记录的详细信息。
可以通过reducer更新redux-form状态吗？如何继续获取我删除的记录id？
浏览 1提问于2017-10-31得票数 0
2回答
我使用在基于web的应用程序中构建表单。我也在用Redux。
在这种情况下，我需要使用这些表单编辑信息，而不仅仅是输入信息。这使我认为，我需要确保表单或输入成为呈现来自Redux存储的值的受控组件--或任何真正的状态数据。
我怎样才能做到这一点？我在他们的文件里找不到这个。
编辑
库react-form现已停用，取而代之的是其他库，如informed或react-final-form。
浏览 0提问于2018-09-20得票数 1
回答已采纳
1回答
我正在尝试加载一个Redux表单，其中预先填充了来自商店的值。
目前，我可以直接从还原器填充redux表单，但是在提交表单时，它只接受可单击元素的数据以生成有效负载。
然而，我能够从减速机获得数据到存储。我需要用存储值初始化redux表单。
是否有任何最佳方法来初始化表单元素和存储中的值，并将整个模型作为有效负载提交？
兹随函附上复制件.
Redux表单：-
import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm } from '
浏览 1提问于2018-05-10得票数 1
2回答
我是一个反应世界的新手，如果我错过了什么，请指正我：
基本上，我试图通过redux商店访问主机名，并在表单中使用它。到目前为止，我只是在redux表单中使用主机名引用window.location，但是我想通过redux存储/通过任何其他更好的方法来访问主机名，这样就可以保持函数的纯正性了？有什么想法？
谢谢
编辑：
import React from 'react'
import { Field, reduxForm } from 'redux-form'
const SimpleForm = (props) => {
const { handleSu
浏览 5提问于2017-08-23得票数 2
回答已采纳
我是react上的新手。我正在使用redux开发react应用程序。我有一个表单(我正在使用redux- form )，通过它我可以保存数据或编辑数据。我的问题是，在编辑模式下，我使用componentWillReceiveProps填充数据。并且填充完美，现在当我试图清除表单上的任何字段时，它会再次填充。
componentWillReceiveProps(nextProps){
this.props.dispatch(initialize('NewProject', nextProps.project.project[0]));
}
如果有任何帮助，我将不胜感激
浏览 2提问于2017-03-29得票数 0
1回答
在我的Index视图中，我渲染(操作)了另外3个视图: Create、Edit和List。Create和Edit视图都是用于操作数据库中的数据的表单。当我在列表视图中按下编辑按钮时，Create form应该消失，edit form应该出现。所以Create和Edit不应该同时显示。
当我不在一个视图中渲染视图时，一切都很好。但是因为我不想切换页面，所以我想在一个页面中呈现视图。这是问题所在。当我在一个页面中呈现它们时，我的Create form和List视图可以正常工作。但是当我还想呈现我的Edit表单时，我得到了错误。
发生的一件事是Create表单将de data放入数据库中两次。另外，
浏览 0提问于2015-02-25得票数 1
1回答
我试图在Rails 3.2和Ruby1.9.2上的同一个视图(和相同的控制器)上完成创建和编辑。我有一个部分，我使用的是form_for和标准的表单助手。
我使用Ajax提交，所以我的页面(表单)不会刷新或重定向。当用户试图编辑表单时，Rails自然会创建一个条目，而不是更新它。我正在考虑修改Controller的create方法以检测现有条目，但我不确定这是否是正确的方法。谢谢。
浏览 1提问于2012-06-27得票数 0
1回答
使用React处理对应用程序没有影响的短暂状态，并且不会以复杂的方式变异。例如，某个UI元素中的切换，一个表单输入状态。将Redux用于全局重要或以复杂方式变异的状态。例如，缓存用户或发布草稿。
我的redux状态仅代表已保存到后端数据库的内容。
对于我的用例，应用程序的任何其他部分都不需要知道添加/编辑状态下的记录。
但是，我与API的所有通信都是通过redux-块完成的。我发现，将数据从redux获取到本地州进行编辑是很棘手的。
我试图使用的模式：
const Container = () => {
// use redux thunk to fetch from A
浏览 0提问于2019-09-11得票数 2
回答已采纳
简介：
为了学习redux表单，我遵循了youtube教程中的，但我没有得到与作者相同的行为(我没有使用他的模板，只是在我的工作模板中实现了他的组件)。
我所期望的：
若要使redux窗体在提交后输出窗体值，请将其输出到控制台。
如果我提交了表单，则没有发出get请求，而是只在控制台中打印值。
我在现实中得到了什么：
Redux表单似乎在初始化步骤中自动提交，当导航到localhost:3000时，我在控制台中得到了空的表单对象。
如果我按submit，Redux表单将发出一个get请求，而我仍然没有准备我的后端。
我的代码(简单地从youtube)是，首先是表
浏览 0提问于2017-07-29得票数 0
回答已采纳
我使用redux with react来管理复杂表单的状态，这将是一个单一的对象。我的表单将具有嵌套的数据结构，用户可以编辑这些结构，例如: Applicant.Address.Country将由我的表单上的一个文本框更新。我的想法是创建一个名为UPDATE_MODEL的操作，在该操作中可以通过传入以下对象来进行更新：
{Applicant: {Address: {Country: 'France'} } }
它会被减速机和状态合并。更新模型的分派将需要传递到每个表单字段，以及用于告诉组件它在表单的整个树中的位置的支柱。除了不把这两个道具传给整个表格之外，我还有别的选择吗？只是
浏览 8提问于2016-08-07得票数 0
回答已采纳
我相信任何申请都应该有一个真理的来源。
我的应用程序
90+事务表单和150个报表
复杂的数据结构(父级、子级、计算)
因此，在React中，我发现了三个令人困惑的存储状态的地方：
组件状态-当我们不想共享数据时使用
-当我们想要共享数据时使用
-用于验证
我开始使用redux表单只是为了验证，然后当它允许我访问数据的redux表单存储区时，使混淆了，因为我已经从组件状态访问数据，也从redux中的自定义存储区访问数据。
Redux表单不注册隐藏字段。要注册隐藏字段，您必须创建一个具有禁用属性的字段，等等。
，RATE = QTY * RAT
浏览 5提问于2017-09-04得票数 15
我有一个带有新按钮和编辑按钮的用户列表表单。
new是一个<Link to="/usernew"/>。
在user new表单中，我有一个像<link to="/userlist" />这样的后退按钮。
用户编辑表单也有像这个<link to="/userlist" />一样的后退按钮，但从新表单重定向到userlist，但从编辑表单路径在浏览器中更改，但userlist表单不加载。
为了进行编辑，我使用history.push('/useredit')转到useredit表单。请帮我解决这个问
浏览 0提问于2017-09-22得票数 0
我有一个非常复杂的、多层次、深/嵌套的表单，使用连接到React/Redux。由于表单非常大，我已经将其中的部分分解为子组件。其中一些组件需要访问Redux状态，因此需要有通过道具传递的连接或者是connect()ed。但是，当我使用普通的Redux connect()函数连接子组件时，就不可能编辑它们中的redux表单字段。因此，我尝试使用reduxForm()连接子组件和父组件，这感觉是错误的，但似乎有效。
然而，我现在发现，像removeField()这样的一些功能在连接的子组件中不起作用--例如，child_form.removeField(index)删除了所有的child_form
浏览 2提问于2016-06-08得票数 3
1回答
将表单重置为空值
、、
新手redux-form...我看了一个来自redux-form文档的示例，在这个示例中可以从initialValues (这里的分支示例：)初始化表单值。是否可以使用“撤销更改”将表单重置为InitialValues，但也可以使用另一个按钮将表单重置为空表单？
浏览 3提问于2018-08-14得票数 1
1回答
我有两个redux表单组件，第一个是LoginFormComponent，它是一个表单名为'submitValidation‘的redux表单。
LoginFormComponent = reduxForm({
form: 'submitValidation'
})(LoginFormComponent)
此表单组件具有如下输入字段：-
<Field name="userid" size="22" placeholder="Personal ID"
maxLength="22" componen
浏览 1提问于2017-02-06得票数 1
我们使用react-redux-form库创建表单：
我们有一个表，表中的每一行也是一个具有两个字段的可编辑表单。我们不知道在给定的时间会有多少行。我们需要能够同时编辑多个表单。
我们如何动态地将表单添加到表单缩减程序中，以便每个表单都可以管理自己的状态？
浏览 1提问于2018-03-21得票数 0
我有一个React Redux组件，它列出了一个列表中的多个记录，用户可以点击任何项目。状态在Redux中作为对象数组进行维护。当用户点击它时，一个项目被选中并保持状态，以便记录(跟踪)所选项目。还可以刷新列表以获取最新数据，还可以从列表中删除项目。到目前一切尚好。现在，为了编辑列表中的一项，我使用Redux-Forms。问题是，当我看到状态时，表单维护自己的状态切片，我看到两个切片，一个用于列表，另一个用于表单。现在，没有关于正在编辑的项目的单一信息源。它在列表和表单切片上。如果我更新表单中的字段，它不会在列表中显示更新的项。我可以用代码等来破解-update，并让它看起来很好，但我想避免，
浏览 0提问于2017-04-14得票数 0
1回答
我得到了简单的博客(react/redux) (只有前端部分)。用户注册和文章。并在尝试将id发送给编辑器时被卡住。我有相同的表单，但添加新文章和编辑现有文章的路径不同： <Route path="/add" component={ !currentUser ? Login : ArticleEditor } />
<Route path="/article/:id/edit" component={ !currentUser ? Login : ArticleEditor } /> 这可能很简单，但我不知道如何向ArticleEdit
浏览 18提问于2020-10-19得票数 1
回答已采纳
1回答
在我写这篇文章之前，我尝试了所有的方法来寻找解决方案，但实际上什么都没起作用。我有一个标准的react/redux应用程序。(这两个库都是最新版本。)
现在我想使用redux-form来控制我的表单。我已经添加了redux-form reducer，并将"Simple Form“复制到我的应用程序中。我可以看到在更改redux操作时正在触发，但是输入域的值将永远不会被呈现。另外，这些操作总是包含我输入的最后一个字符。
我真的很想提供代码，但出于某些原因，您的网站上的代码似乎可以工作。是否有一些已知的原因导致输入值不被呈现？我确信正在调用onChange操作。
哦，我应该提一下onBlu
浏览 0提问于2016-11-29得票数 0
1回答
我知道这可能是一个单一的问题，甚至是二分之一的问题，但请相信我，当我说这两个问题不能单独回答。请记住这一点。谢谢你抽出时间..。
我的问题围绕着我目前面临的一个特殊情况。我正在使用withFormik H.O.C和Yup一起处理我的表单中的各种案例，比如提交、errorHandling，以及更多(取决于具体情况)。
通常，我的表单情况涉及创建和编辑模式。
onCreate =>传递默认值并从我的服务调用POST方法。
onEdit =>使用来自服务器的当前项值填充值，并从服务调用PUT方法。
示例
const validationSchema = Yup.object(
浏览 0提问于2019-03-28得票数 1
1回答
我有编辑表单。我想以redux-form格式显示默认值。因为我对react js还不熟悉。请建议我如何实现。
const Editform = reduxForm({//redux form implement
form: 'editUser',
enableReinitialize: true,
initialValues: {
mobile:'9008687282',
company:'Autoplant'
},
fields: ['email','mobile',
浏览 2提问于2019-07-23得票数 0
我正在努力通过redux教程。我对“传统的Flux”有一些经验，所以第一个代码库对我来说很熟悉，但我对第二个说法感到困惑。
在传统的Flux中，动作创建者通常在调用时触发分派，如下所示：
Redux中的function addTodoWithDispatch(text) { const action = { type: ADD_TODO, text } dispatch(action) }不是这样的。相反，要实际启动一个分派，将结果传递给调度()函数：
dispatch(addTodo(text)) dispatch(completeT
浏览 2提问于2017-04-28得票数 1
我得到了一个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回答
我是新来的荷花笔记。基本上我有一份表格。我想要创建这样一种情况:当我编辑表单时，该表单将不会被覆盖，但它将自动创建一个带有更新表单的新窗体。但是当我打开新更新的表单时，我们可以看到旧表单中的所有历史列表。我想不出有什么办法来创造它。任何建议都会对我有帮助。谢谢!
浏览 0提问于2019-03-25得票数 0
回答已采纳
Redux表单输入编辑返回不受控制输入的错误消息
下面的代码使用 redux在从数据库输入的表单中显示记录，它工作得很好。当我试图编辑姓氏的表单输入时，它不会编辑，而是显示错误。
组件正在更改要控制的文本类型的不受控制的输入。输入元素不应从不受控制的转换为受控的(反之亦然)。决定在组件的生存期内使用受控输入元素还是不受控制的输入元素。
下面是如何在表单输入中显示我想编辑的结果
<input type="text" className="form-control" value={pgs1.items1 && this.props.pgs1.
浏览 2提问于2018-12-05得票数 0
回答已采纳
我似乎找不到任何示例来说明如何使用redux-actions库实现异步操作。已经搜索了他们的github repo：，但似乎找不到任何示例。
redux-action是否允许您实现异步操作？
寻找任何使用redux-thunk执行异步操作的示例。
浏览 3提问于2017-12-30得票数 0
在Redux (React实现)指南https://redux.js.org/basics/reducers中，有人说
在Redux中，所有应用程序状态都存储为单个对象。
我的问题是：
我们应如何认真对待这一原则？例如，我的应用程序可以有多个实体，如个人、Invoice+InvoiceLine、文章等--为传统的ERP应用程序设置完整的实体。每个实体都由SPA应用程序中的单独表单处理。我们确实需要将每个活动实体(每个正在编辑的发票)存储在单一的中央Redux存储中，并访问它在InvoiceComponent、ArticleComponen作为this.props.的属性。物品？或者，最好将这些
浏览 0提问于2018-06-05得票数 2
回答已采纳
1回答
我有两个使用相同组件(表单)的路由，一个用于创建新条目，另一个用于编辑。状态名称来自React路由器，我不能只检查this.route.name ===‘编辑’=> fetch(itemAPI)。
一种选择是在我的redux存储中编写reducer/action来创建“编辑”状态，但我想知道这是否是最佳实践，以及是否有一种更简单的方法来检查我在应用程序中的位置(哪条路径)。
我的路线：
<Route component={ItemNew} path='/items/edit/:id' />
<Route component={ItemNew} path=
浏览 0提问于2016-01-02得票数 4
回答已采纳
2回答
我的应用程序中有很多表格。我在它的父减速器下面为它们每个创建了一个表单还原器，并将它们组合在一起。对于获取他们的数据，我使用的是getFormState，在获取表单状态方面一切都是好的，但是在redux状态下，在所有redux表单还原器中复制的是活动形式！每个redux表单操作都适用于所有表单。
我不知道我如何能与你分享所有的代码，我可以呈现整个情况。但我尝试在这里分享一些代码：
这是我的注册表格：
SigninForm = reduxForm({
form: 'signin',
validate,
getFormState: ({ auth }) =&g
浏览 3提问于2017-08-26得票数 2
回答已采纳
1回答
我有我的应用程序(一个样板，很少，我自己的功能)。它有一个全球性的商店(内置的，来自样板)，看起来如下：
import { createStore, applyMiddleware, compose, combineReducers } from 'redux'; //combine reducers from redux form
import { fromJS } from 'immutable';
import { routerMiddleware } from 'react-router-redux';
import createSaga
浏览 5提问于2017-05-25得票数 0
1回答
好的，我想在我的注册表单中处理输入开头的空格，我已经通过提供redux-form reducer插件实现了这一点：
export default function(cookies, server) {
return combineReducers({
auth: auth(cookies, server),
reduxAsyncConnect,
alert,
programs,
exercises,
routing: routerReducer,
form: form.plugin(formPlugin),
profile,
浏览 0提问于2017-05-24得票数 0
编辑:聚焦问题
如何为Redux v.5.3.3包装的表单清除窗体级别的提交错误？
我在几个表单中使用了Redux-Form，它具有任意的提交行为。它们都使用props.error来获取提交错误以显示用户。
当用户编辑表单字段时，错误消息将不再适用。因此，我希望在下次提交之前清除它(或者至少不向用户显示)。
编辑字段清除字段级错误属性(例如props.fields.email.error)。如何清除窗体级别的错误属性？
或者，您是否可以推荐一种可靠的方法来确定自提交以来一个或多个字段已被编辑过？我可以用它来隐藏那个场景中的错误消息。
表单代码如下所示：
const MyForm = (pro
浏览 2提问于2016-11-30得票数 2
说：
import { createStore, combineReducers } from 'redux'
import { reducer as formReducer } from 'redux-form'
const reducers = {
// ... your other reducers here ...
form: formReducer // <---- Mounted at 'form'
}
const reducer = combineReducers(reducers)
const store
浏览 1提问于2016-09-02得票数 0
回答已采纳
我在用reduxForm。
我创建了组件
<form>
<Field name="example" component="SomeCustomInputComponent" type="text"/>
</form>
并使用reduxForm函数将整个组件应用于onChange：
export default reduxForm({
form: 'settingsAuthorization',
destroyOnUnmount: false,
forceUnreg
浏览 5提问于2017-08-29得票数 1
1回答
我正试着做一个简单的注册表格。我有一个redux表单，我试图发送一些用户数据到我的快速后端。我试图通过这个redux操作来完成这个任务：
最终，我想得到一个回复，如果有必要的话，我会重定向或给出错误。后端似乎接收到数据并可以进行验证，但是axios接收响应以让redux知道更新状态。有什么想法吗？
编辑:我还尝试将axios请求放入signupForm本身，但仍然存在问题(无法得到响应)。
编辑:这是回购如果你想看到所有的文件：
redux注册操作：
import axios from 'axios';
import { SubmissionError } from '
浏览 1提问于2017-08-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
