React Redux Typescript应用商店已更新，但组件未重新呈现
是因为React Redux使用了浅比较来确定组件是否需要重新渲染。当Redux store中的数据发生变化时，React Redux会比较前后两个状态对象的引用是否相同，如果相同则认为数据没有发生变化，组件不会重新渲染。
这种情况下，可能是因为应用商店的更新并没有改变Redux store中的数据引用，而只是修改了数据对象的某个属性。这样的话，组件就不会重新渲染，导致更新后的数据没有在界面上展示出来。
解决这个问题的方法是确保Redux store中的数据引用发生变化。可以通过在更新数据时创建一个新的数据对象，而不是直接修改原始数据对象的属性来实现。这样，React Redux会认为数据发生了变化，组件会重新渲染并展示更新后的数据。
另外，如果组件的props没有发生变化，也会导致组件不重新渲染。可以通过在组件的父组件中使用key属性来确保每次更新都会生成一个新的组件实例，从而强制组件重新渲染。
总结起来，要解决React Redux Typescript应用商店已更新但组件未重新呈现的问题，可以采取以下步骤：
- 确保Redux store中的数据引用发生变化，可以通过创建新的数据对象来实现。
- 确保组件的props发生变化，可以在父组件中使用key属性来强制重新渲染组件。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云容器服务（TKE）：提供高度可扩展的容器化应用管理平台。详情请参考：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ailab
- 腾讯云物联网平台（IoT Hub）：提供全面的物联网解决方案，包括设备接入、数据管理、消息通信等。详情请参考：https://cloud.tencent.com/product/iothub
- 腾讯云移动应用开发平台（MADP）：提供一站式移动应用开发和管理服务，支持多平台开发。详情请参考：https://cloud.tencent.com/product/madp
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种场景。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：提供一站式区块链解决方案，包括区块链网络搭建、智能合约开发等。详情请参考：https://cloud.tencent.com/product/bcs
- 腾讯云虚拟专用网络（VPC）：提供安全可靠的云上网络环境，支持自定义网络拓扑和访问控制。详情请参考：https://cloud.tencent.com/product/vpc
相关·内容
单击add按钮后，数据将被添加到购物车中，但页面不会在添加后自动刷新。如果我添加钩子React.useState()并在单击按钮时更新状态，那么在分派之后，页面将重新呈现。据我所知，每当状态更新时，页面都会重新呈现。
Git Hub链接：
浏览 9提问于2020-03-05得票数 0
当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？
浏览 2提问于2020-10-10得票数 1
2回答
我有一个组件，比如HomePage，在这里我打电话给getCurrentLocation，以获得使用GPS定位的位置。此值将用于从下拉列表中选择一个值。然后，用户可以使用下拉列表来更改值。下面是我的代码super(props);
state = {
浏览 0提问于2018-06-12得票数 2
回答已采纳
如果我有一个组件树，const App = () => ( <A /> <C/> )
const A = () => (
<React.Fragment>
浏览 1提问于2020-02-14得票数 2
回答已采纳
1回答
我需要一个建议...我正在学习如何基于react构建一个完整的应用程序。下面是测试应用程序：激发-Custon事件: onClick={() => redirectRequest('/')}在reduxdevtool：中也触发了-The路由器事件
位置Url更改，
浏览 2提问于2020-04-24得票数 0
例如，如果我点击一个按钮来切换某些东西...React是否需要仅为一个操作重新创建整个虚拟DOM，并对其进行比较？
浏览 0提问于2018-11-10得票数 0
1回答
我试图找出React和Redux之间的区别。博客说他们之间的区别如下。Context API提示对每个状态更新进行重新呈现，并不管如何重新呈现所有组件。然而，Redux只重新呈现更新的组件。我已经构建了测试项目，并且我发现Context API只重新呈现来自消费者内部的组件。但我不明白。我认为它们的原则是相同的
浏览 1提问于2021-04-25得票数 3
回答已采纳
1回答
调试反应组件重发器
、、、
，如果是props更改，是哪个组件启动了重发器链:我的意思不是父呈现的事实，而是父链中使用了setState或forceUpdate的顶部组件，从而导致了其自身和整个树的重发(包括当前的组件)。<code>H 211</code><code>f 212</code>
它保证所有组件都是类组件(不是功能性的)，我使用的是react 16.4.2，包括废弃的生命周期方法(如果它很重要)。
浏览 1提问于2020-04-23得票数 1
我正在构建一个redux应用程序。在我的状态下，我有以下几点：name:string,}在我的subscribe函数中执行object.assign可以完成这项工作，但感觉有点像是有线的。
浏览 0提问于2016-11-11得票数 0
1回答
我正在尝试React + Redux，我遇到了大多数人的问题。React不是在更新(重新呈现)。
减速器-
商店-应用程序-反应-开发工具-
浏览 2提问于2016-07-03得票数 0
回答已采纳
我正在遵循官方文档中的redux计数器教程，但我的应用程序状态似乎没有更新。更清楚地说，应用程序本质上是一个计数器，带有一个递增按钮和一个递减按钮，它在屏幕上显示当前值。import React, { Component } from 'react';
const counter = (state
浏览 2提问于2018-02-10得票数 0
我正在做一个React Typescript项目。下面是该项目的一个非常简化的版本。我在这里尝试使用更传统的多态性，在组件树中呈现从普通Typescript对象(而不是React组件)返回的组件。，但不会在更新计数后呈现。我目前正在做的是通过向Operation对象传递一个RefreshOperationState回调来强制React重新呈现，该对象将调用App.
浏览 40提问于2021-09-08得票数 1
有没有办法在ReactDOM.render之前更新Redux存储(...)是否已运行？像store.dispatch(...).then(() => ReactDOM.render(...))这样的东西
或者只是替换商店的整个“状态”的方法？我正在使用React组件制作一个API，该API在另一个应用程序中与另一个框架Dojo一起使用。因此，在API中，我重用了redux存储，因为即使通过ReactDOM.unmountComponentAtNo
浏览 15提问于2020-05-22得票数 0
1回答
我们一直在使用redux-form，当用户在输入字段中键入内容时，会出现明显的延迟。我不确定这是否是redux-form的问题。这可能是我们构建组件的方式。单击一个按钮，我们打开一个模式，在那里我们呈现一个redux-form。现在，如果用户在任何输入字段中键入内容，底层页面中的所有列表项也会重新呈现。我们对列表项使用React.Component。React devtool的“高亮显示更新”选项高亮显示列表项，<e
浏览 2提问于2018-10-09得票数 3
(如果问了类似的问题，很抱歉，但我在多个动作分发中发现了问题，并且正在使用redux批订阅。这不是我想要的)我试图设计它，以避免重复的重新计算和循环重新渲染。我想用Redux来做。谢谢！
编辑:删除不需要的详细信息，将Reselect添加到标记中
浏览 0提问于2018-07-27得票数 0
回答已采纳
为了测试目的，我有以下结构import { Provider } from 'react-redux';import LocalizedComponent from '.，它将一个简单的表示组件封装成一个本地化组件。但是，当我分派一个在状态下更改language的操作时，组件不会被
浏览 2提问于2017-03-27得票数 0
回答已采纳
在应用程序从开始后，我在访问保存的数据时遇到了困难。这是我试过的。要配置我的商店： const middlewares = [thunk];}, () => {
store.d
浏览 4提问于2016-08-03得票数 17
回答已采纳
3回答
我有一个电子桌面应用程序包含一个app + Redux应用程序。Redux在本地开发中运行该应用程序时运行良好，但一旦应用程序构建为本地桌面应用程序，就不会更新组件。我看不出其中任何一个问题，因为我的应用程序在开发过程中工作，我可以看到商店被更新，组件重新呈现。
存储状态被
浏览 0提问于2019-04-11得票数 2
回答已采纳
2回答
我正在使用Redux订阅存储和更新组件。请按照下面的步骤来重现问题。问题不是关于Redux。它是关于React的setState函数标识，即使状态没有改变，也会在某些情况下导致重呈现。由于yes的值已经是“是”，状态不变，因此组件不会重新呈现。
✅点击"
浏览 1提问于2020-03-27得票数 7
回答已采纳
2回答
现在，在我的React组件中，我希望根据最终调度的操作类型(成功或错误)执行一些操作。
使用操作类型本身是一种好的做法，还是我应该只对我的条件使用store状态？
浏览 1提问于2019-01-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
