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

React Redux Typescript应用商店已更新，但组件未重新呈现

reactjs、typescript、react-redux

单击add按钮后，数据将被添加到购物车中，但页面不会在添加后自动刷新。如果我添加钩子React.useState()并在单击按钮时更新状态，那么在分派之后，页面将重新呈现。据我所知，每当状态更新时，页面都会重新呈现。 Git Hub链接：

浏览 9提问于2020-03-05得票数 0

2回答

当状态已经在全球可用时，mapStateToProps的用途是什么？

reactjs、redux、react-redux

当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？

浏览 2提问于2020-10-10得票数 1

2回答

ReactJS一次性初始化

javascript、reactjs、ecmascript-6、react-redux

我有一个组件，比如HomePage，在这里我打电话给getCurrentLocation，以获得使用GPS定位的位置。此值将用于从下拉列表中选择一个值。然后，用户可以使用下拉列表来更改值。下面是我的代码super(props); state = {

浏览 0提问于2018-06-12得票数 2

回答已采纳

2回答

如何在使用redux时有效地设计组件/配置存储

reactjs、redux、react-redux

如果我有一个组件树，const App = () => ( <A /> <C/> ) const A = () => ( <React.Fragment>

浏览 1提问于2020-02-14得票数 2

回答已采纳

1回答

已连接的React路由器-不更新视图

reactjs、react-redux、react-router、react-router-dom、connected-react-router

我需要一个建议...我正在学习如何基于react构建一个完整的应用程序。下面是测试应用程序：激发-Custon事件: onClick={() => redirectRequest('/')}在reduxdevtool：中也触发了-The路由器事件位置Url更改，

浏览 2提问于2020-04-24得票数 0

1回答

React Redux是否会在每次从Store发出操作时重新创建整个虚拟DOM？

reactjs、redux、virtual-dom

例如，如果我点击一个按钮来切换某些东西...React是否需要仅为一个操作重新创建整个虚拟DOM，并对其进行比较？

浏览 0提问于2018-11-10得票数 0

1回答

上下文API与Redux的区别

javascript、reactjs

我试图找出React和Redux之间的区别。博客说他们之间的区别如下。Context API提示对每个状态更新进行重新呈现，并不管如何重新呈现所有组件。然而，Redux只重新呈现更新的组件。我已经构建了测试项目，并且我发现Context API只重新呈现来自消费者内部的组件。但我不明白。我认为它们的原则是相同的

浏览 1提问于2021-04-25得票数 3

回答已采纳

1回答

调试反应组件重发器

javascript、reactjs、google-chrome、debugging

，如果是props更改，是哪个组件启动了重发器链:我的意思不是父呈现的事实，而是父链中使用了setState或forceUpdate的顶部组件，从而导致了其自身和整个树的重发(包括当前的组件)。<code>H 211</code><code>f 212</code> 它保证所有组件都是类组件(不是功能性的)，我使用的是react 16.4.2，包括废弃的生命周期方法(如果它很重要)。

浏览 1提问于2020-04-23得票数 1

1回答

Redux state.subscribe返回指针

redux、immutability

我正在构建一个redux应用程序。在我的状态下，我有以下几点：name:string,}在我的subscribe函数中执行object.assign可以完成这项工作，但感觉有点像是有线的。

浏览 0提问于2016-11-11得票数 0

1回答

React + Redux更新状态未重新呈现

javascript、reactjs、redux、react-redux

我正在尝试React + Redux，我遇到了大多数人的问题。React不是在更新(重新呈现)。减速器- 商店-应用程序-反应-开发工具-

浏览 2提问于2016-07-03得票数 0

回答已采纳

3回答

为什么我的应用程序状态没有更新(redux)

javascript、reactjs、redux

我正在遵循官方文档中的redux计数器教程，但我的应用程序状态似乎没有更新。更清楚地说，应用程序本质上是一个计数器，带有一个递增按钮和一个递减按钮，它在屏幕上显示当前值。import React, { Component } from 'react'; const counter = (state

浏览 2提问于2018-02-10得票数 0

1回答

React，TypeScript -使用非React对象将组件注入到组件树中

reactjs、typescript、oop、design-patterns、polymorphism

我正在做一个React Typescript项目。下面是该项目的一个非常简化的版本。我在这里尝试使用更传统的多态性，在组件树中呈现从普通Typescript对象(而不是React组件)返回的组件。，但不会在更新计数后呈现。我目前正在做的是通过向Operation对象传递一个RefreshOperationState回调来强制React重新呈现，该对象将调用App.

浏览 40提问于2021-09-08得票数 1

2回答

在ReactDOM.render之前更新redux-store (...)

reactjs、redux

有没有办法在ReactDOM.render之前更新Redux存储(...)是否已运行？像store.dispatch(...).then(() => ReactDOM.render(...))这样的东西或者只是替换商店的整个“状态”的方法？我正在使用React组件制作一个API，该API在另一个应用程序中与另一个框架Dojo一起使用。因此，在API中，我重用了redux存储，因为即使通过ReactDOM.unmountComponentAtNo

浏览 15提问于2020-05-22得票数 0

1回答

redux / redux-form的性能问题

reactjs、redux、react-redux、redux-form

我们一直在使用redux-form，当用户在输入字段中键入内容时，会出现明显的延迟。我不确定这是否是redux-form的问题。这可能是我们构建组件的方式。单击一个按钮，我们打开一个模式，在那里我们呈现一个redux-form。现在，如果用户在任何输入字段中键入内容，底层页面中的所有列表项也会重新呈现。我们对列表项使用React.Component。React devtool的“高亮显示更新”选项高亮显示列表项，<e

浏览 2提问于2018-10-09得票数 3

1回答