Redux表单未重新呈现
Redux是一个用于JavaScript应用程序的可预测状态容器。它可以帮助管理应用程序的状态，并使状态的变化变得可追踪和可调试。Redux的核心概念包括store、action和reducer。
- Redux表单未重新呈现的原因可能是因为表单的状态没有正确更新。当表单的状态发生变化时，Redux应该通过dispatch一个action来更新状态。如果没有正确地更新状态，表单就不会重新呈现。
- 解决Redux表单未重新呈现的方法是确保正确地更新表单的状态。可以通过以下步骤来实现：
- 在Redux的store中定义一个与表单相关的状态。
- 创建一个action来更新表单的状态。这个action应该包含一个type和payload，payload是表单的新状态。
- 创建一个reducer来处理这个action。reducer会接收到当前的状态和action，并返回一个新的状态。
- 在组件中使用connect函数将表单与Redux的store连接起来。这样，当表单的状态发生变化时，Redux会自动更新组件的props，从而重新呈现表单。
- Redux表单的优势包括：
- 可预测性：Redux使用单一的状态树来管理应用程序的状态，使得状态的变化变得可预测和可追踪。
- 可扩展性：Redux的状态容器可以与其他库和框架无缝集成，使得应用程序的功能可以轻松扩展。
- 可调试性：Redux提供了强大的开发者工具，可以帮助开发人员调试和监控应用程序的状态变化。
- Redux表单的应用场景包括：
- 复杂的表单：当应用程序中存在复杂的表单时，使用Redux可以更好地管理表单的状态和变化。
- 多个组件共享表单状态：当多个组件需要共享同一个表单的状态时，使用Redux可以方便地实现状态的共享和同步。
- 表单验证和提交：Redux可以帮助管理表单的验证和提交过程，使得表单的处理变得更加可控和可预测。
- 腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
Redux表单未重新呈现
reactjs、dynamic、redux、dropdown、redux-form
我有一个动态的下拉列表。我在componentWillMount方法中获取动态值，并在状态中设置。我在mapStateToProps中将获取的值设置为props。字段：我面临的问题是，当使用新值更新状态时，会调用render方法，但不会调用renderDropdown方法。因此，下拉列表中不会填充我获取的值。
浏览 3提问于2018-01-06得票数 0
回答已采纳
1回答
Redux表单，有一个很好的方法来创建一个复选框列表与切换所有的功能？
reactjs、redux、redux-form
我使用的是最后一次redux表单v6.5.0。我想知道使用库拥有的所有组件的最佳解决方案是什么。最后，我在表单中添加了不同的字段，并使用redux表单创建程序和redux生命周期，但我不确定这是否是最好的解决方案。到目前为止，我所做的是在呈现一个这样的结构： SUB_FIELDS.forEach(field => { });这
浏览 1提问于2017-02-15得票数 0
回答已采纳
1回答
有条件地重新呈现react组件
javascript、reactjs、redux
return forms};import React, { useEffect } from "react";其中输入将它们的值分派到redux我想要的不是不必要地重新呈现Form组件，但它
浏览 7提问于2019-03-26得票数 2
1回答
reactjs -如何告诉“远程”组件重新渲染？
reactjs
在我的web应用程序的右上角，如果用户当前已登录，则显示用户名，如果未登录，则显示“未登录”。此组件通过检查redux中的密钥来获取有关用户登录状态的信息。有没有人能建议我应该做什么？
浏览 1提问于2016-05-01得票数 0
2回答
Redux中的ReRender反应
javascript、performance、reactjs、redux、rerender
我在我的React应用程序中使用Redux，并且为了确保我不会改变状态，而是返回新的状态，我在开发中添加了中间件。
我的问题是，当发生更改时，我的所有组件是否都在重新生成？当我不使用ImutableJ并使用最新的React和Redux版本时，最好的方法是什么？
浏览 4提问于2016-04-23得票数 1
回答已采纳
1回答
Redux组件未重新呈现
reactjs、redux、react-redux
需要一些关于React-Redux的帮助，我不能弄清楚，我错过了什么让我的模式工作。你能帮我做这个吗？我看到状态正在改变，但是组件没有呈现，模式也没有显示。 这是我的代码。} modal:IModal import rootReducer from
浏览 21提问于2020-03-31得票数 0
1回答
Redux未重新呈现组件
reactjs、react-native、redux
我的初始状态：callHistory: null,case CALL_HISTORY: ...state,
callHistory
浏览 3提问于2020-02-05得票数 0
1回答
当状态是对象的对象时，组件重新呈现
reactjs、redux、redux-form
我在一个页面上有多个redux表单。在呈现组件时，我能够使用form属性创建不同的表单。 <ItemDetail form={itemName} /> 但是我使用redux存储来维护我的组件的状态。我以某种方式动态创建redux存储，如下所示： const currentState = { ...state };currentState[a
浏览 15提问于2019-01-29得票数 0
回答已采纳
1回答
是否有任何指令从还原形式迁移到反应-最终形式？
reactjs、ecmascript-6、react-final-form
我正在做一个项目，需要升级redux-form以响应-最终形式。我只是想知道是否有任何关于这项任务的文件。
浏览 1提问于2019-07-03得票数 4
回答已采纳
1回答
Redux-form v6 isDirty (和isPristine)选择器不触发状态更改的重新呈现
reactjs、react-native、redux、redux-form、immutable.js
我正在尝试检测表单状态是否是来自父组件的脏状态，因此只有在表单值已更改时才能显示提交按钮。import { isDirty } from 'redux-form'})
export defaul
浏览 0提问于2017-04-24得票数 4
回答已采纳
2回答
react:如何从单击处理程序中设置焦点
javascript、html、reactjs、redux
我的基于redux的表单有一个按钮，可以重置表单并将焦点移回第一个输入字段。第一个字段上的autoFocus仅用于初始呈现。有什么理智的方法来重新触发它吗？
如果需要使用显式element.focus()，应该从哪里调用它？我用的是，但不是redux-表单。
浏览 4提问于2016-04-12得票数 7
回答已采纳
1回答
Redux表单，值在重新呈现时消失
reactjs、react-redux、redux-form
我有一个表单，在这个表单中，用户可以附加文件。当用户删除文件时，状态会更改，表单会重新呈现。当发生这种情况时，用户输入的所有值都会消失。 有没有办法在重新渲染时保留字段中的值？我正在使用redux-forms。
浏览 14提问于2019-05-07得票数 0
0回答
在react应用程序中，如何动态创建元素(Div)并在其中呈现react应用程序？
javascript、forms、reactjs、iframe、react-redux
我正在使用react-redux构建一个聊天应用程序。此聊天应用程序将一次处理多个交互，用户可以在它们之间切换。调查表单加载在iframe中，表单的内容从服务器加载，这对于不同的交互是不同的。因此，每当用户遇到新的交互时，我都会使用新的表单数据(本例中为iframe列表，每个交互一个)重新呈现调查表单组件。现在的问题是，它每次都会呈现初始表单内容，假设我已经填充了第一个表单，当出现新的交互(状态更改:使用列表
浏览 4提问于2017-06-15得票数 0
3回答
如何从Redux状态内访问reduxForm的原始支柱？
reactjs、redux、material-ui、redux-form
我在表单中使用redux- form的Field的多个实例，使用redux-form-material ui的TextField作为一个可呈现的组件： component={TextField} name='title'当表单所在的组件被reduxForm()包装时，我们在这个组件中得到了props.pristine但是，我希望在另一种非r
浏览 0提问于2018-02-22得票数 0
1回答
FormSpy - onChange在field上的订阅不显示输入字段中的值
reactjs、react-final-form
当OnChange为true时，FormSpy中的FormSpy函数将更新redux中的脏标记。当我输入任何输入字段时，第一个字母就不会出现，但是在第一个字母笔画时，redux状态会用dirty:true更新。此外，表单将在另一个文件中使用 component={Theform}这就是我们使用FormSpy的方式 subscription={{ dirty: true
浏览 0提问于2019-05-30得票数 0
3回答
每次一个子程序更新时，都会重新呈现整个地图。
javascript、forms、reactjs
此表单更新formData的状态。表单页面： var frm = this.state.formDatafrm[index].value = value;
浏览 1提问于2017-03-21得票数 0
1回答
Ant设计表单组件不显示输入值
reactjs、react-redux、antd
我有一个由多个组件组成的多步骤表单(向导)，这些组件都将输入数据存储在Redux reducer中。为了创建表单本身，我使用了一个antd表单组件。name: event.target.value})} </Form.Item>
</Form> 这不是Redux
浏览 89提问于2020-10-20得票数 0
1回答
如何仅验证ReduxForm中的可见字段
reactjs、redux-form
我有一个表单，其中某些字段根据对另一个字段的值的选择来显示/隐藏。有没有办法只验证可见的字段，因为目前它会注册页面上的所有可用字段，并生成错误，即使它们没有显示。
浏览 2提问于2018-01-20得票数 1
1回答
React + Redux更新状态未重新呈现
javascript、reactjs、redux、react-redux
我正在尝试React + Redux，我遇到了大多数人的问题。React不是在更新(重新呈现)。
我读过其他关于同一问题的帖子，但我仍然无法解决我的问题，我能够更新状态，但我无法更新组件的道具。
浏览 2提问于2016-07-03得票数 0
回答已采纳
2回答
React Native Flatlist未重新呈现Redux
javascript、react-native、chat、react-native-flatlist、listitem
当我从redux传递的道具发生变化时，我的FlatList不会更新。每次我发送消息时，我都会在firebase和redux存储中增加每个人的未读消息计数。唯一改变未读消息计数的是重新加载设备。如何确保使用MapStateToProps更新flatList。action.unreadMessages}); ...state, };
容器--在容器内部，我将map state与未读消息关联到
浏览 11提问于2019-10-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
