react-redux connect()函数mapStateToProps正在更新，但组件未重新呈现
在React-Redux中，connect()函数是用于将React组件连接到Redux store的高阶函数。它接受两个参数：mapStateToProps和mapDispatchToProps。
mapStateToProps是一个函数，它定义了组件如何从Redux store中获取所需的state数据。它接收一个state参数，表示整个Redux store的状态树，然后返回一个对象，该对象包含组件所需的state属性。通过在connect()函数中传递mapStateToProps，组件可以订阅Redux store的更新，并在state发生变化时重新渲染。
当mapStateToProps正在更新时，但组件未重新呈现，可能有以下几个原因：
- mapStateToProps返回的对象没有发生变化：如果返回的对象与前一个状态相同，React不会重新渲染组件。确保返回的对象是新的，或者使用浅比较来确保对象的变化。
- 组件的shouldComponentUpdate()方法返回false：如果组件的shouldComponentUpdate()方法返回false，React将不会重新渲染组件。确保shouldComponentUpdate()方法正确地处理了mapStateToProps的更新。
- 组件的props没有发生变化：如果组件的props没有发生变化，React将不会重新渲染组件。确保组件的props在mapStateToProps的更新后发生了变化。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：高性能、可扩展的关系型数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：基于Kubernetes的容器管理服务，帮助用户快速构建、部署和管理容器化应用。详情请参考：https://cloud.tencent.com/product/tke
请注意，以上推荐的产品仅代表腾讯云的一部分云计算产品，更多产品和服务请参考腾讯云官方网站。
相关·内容
我正在使用React、Redux和React-Redux提供程序函数 console.log("mapStateToProps", store.textTwo);};
如果我使用上面的mapStateToProps函数来connect react-redux的方法，
浏览 15提问于2020-02-17得票数 0
当所有数据已经对存储中的所有组件全局可用时，使用mapStateToProps从存储中选择一组特定的数据并将其作为属性发送到组件中的目的是什么？
浏览 2提问于2020-10-10得票数 1
我有一个函数组件，它使用redux从api中获取数据。如何在调出所获取的数据后更新UI？我的渲染不再被调用。
浏览 3提问于2020-04-11得票数 4
回答已采纳
2回答
我正在做一个迷你项目，用户可以编辑图书信息。该应用程序向用户提供一个筛选器，以选择小说或科学主题类别。一旦被选中，他就会看到一个图书列表，在那里，他可以通过单击“编辑”按钮来更改书的细节。The Problem：不幸的是，我的Edit组件由于无法为该组件提供支持而没有呈现所需的值；尽管我可以看到使用正确的状态/道具的redux操作的成功。BookEdit.jsx
const mapStateToProps = state => ({ book: state.book
浏览 0提问于2018-11-06得票数 2
在我的代码中有三个组件。
每个组件都通过操作{dispatch}接收数据。我需要使用操作更改数据(如果组件的状态被更改)，然后将其返回到我的应用程序中的其他组件。
这是怎么建造的？
浏览 5提问于2020-01-24得票数 0
回答已采纳
我正在尝试检测表单状态是否是来自父组件的脏状态，因此只有在表单值已更改时才能显示提交按钮。import { isDirty } from 'redux-form'
import { connect } from 'react-redux'但是，更改这些值并不会触发使用新
浏览 0提问于2017-04-24得票数 4
回答已采纳
我将ownProps参数用于mapStateToProps()，以获得“要检查的内容”并计算passes标志。
有一些缓存正在进行，所以我不会在每个组件挂载上重新获取，它基本上是工作的。但是，有时，当passes支柱更新到true时，组件将不会重新呈现(但是，它将在导航后呈现-使用Reactive路由器--然后再次返回，因此基本上是在组件重新挂载的情况下)。如果来自connect(
浏览 1提问于2016-07-04得票数 12
回答已采纳
React - Redux，this.props.newCampaignInformation给出未定义的，我试过在onStartChange函数中控制台记录它。谢谢 return {
newCampaignInformation: store.DealReducer.newCampaignInformation
浏览 0提问于2017-10-02得票数 1
我知道mapped道具正在将我们的Redux应用程序状态映射到我们的反应性组件道具，但是我不太明白当还原器返回一个新的状态时在幕后发生了什么--这如何触发将道具映射到应用程序级状态的组件的重新呈现？在纯反应中，setState触发重呈现正确吗？通过Redux是否发生了类似的事情(或相同的事情)？
浏览 7提问于2017-04-10得票数 1
回答已采纳
2回答
根据 answer，react redux react会比较mapStateToProps的输出，以确定组件是否需要重新呈现。
我有一个组件，尽管相关状态发生了变化，但它不会重新呈现。我将断点附加到react redux源代码中的函数，但发现该函数实际上返回false(即，如果我的组件不相等，则被比较的对象).So理想情况下，我的组件应该重新呈现
浏览 2提问于2017-05-30得票数 1
目标:获取一个按钮来单击并登录/注销，以任何方式将存储更新为true/false状态。render();
我已经尝试过store.getState()、.isLoggedIn&store.getState()& this.props.status，然后在主组件中分配
浏览 2提问于2016-12-21得票数 0
回答已采纳
我正在使用这些库：redux: 4.0.1我有一个简单的组件(Typescript)：import {connect } from 'react-redux';
return {
name
浏览 42提问于2019-06-02得票数 1
回答已采纳
我正在使用Redux编写一个应用程序，根本无法获得Redux connect()ed组件来呈现。import { createStore } from 'redux';}
var connectedApp = connect(function(s
浏览 5提问于2015-09-23得票数 2
回答已采纳
2回答
好的，我正在尝试创建一个全局状态。 父对象会发生变化，而子对象会知道这种变化。 现在我正在重新加载我不喜欢的页面。
浏览 21提问于2020-04-07得票数 1
1回答
相关堆栈：
我有一个登录按钮组件，它在呈现时检查登录状态并调用我可以想象有一些简单的东西，我不理解这两个组件和connect()函数之间的关系。(LoginContainer.js)import LoginPage from &
浏览 4提问于2016-05-15得票数 1
回答已采纳
我今天声明要学习react和redux，但我不知道如何在状态更改后强制组件重新呈现。True':'False'}</Text> );}store.subscribe(()=>{this.setState({reload:false})});
在构造函数内部，以便我手动触发组件的更新状态以强制
浏览 13提问于2016-07-31得票数 37
回答已采纳
我正在使用react-redux，并且我有一个组件连接到它。我的组件有自己的属性(变量和函数)，也有一些来自store的状态映射，使用mapStateToProps。管理这个组件何时应该重新呈现对我们来说非常重要，为此，我们使用propsAreEqual作为React.memo的第二个参数。 ...const mapStateToProps = (state: RootState) => ({
name:
浏览 22提问于2020-09-14得票数 1
回答已采纳
我一直在使用React，Redux和Normalizr构建一个相当广泛的应用程序，但一直在为过多的冗余渲染周期而苦苦挣扎，现在我在想，我可能误解了如何结合mapStateToProps和Normalizr在我的mapStateToProps中，我引用了所有特定实体类型，然后我可以使用它从ID中获取一个实体： function mapStateToProps(state) { allTa
浏览 24提问于2019-01-29得票数 0
我试图在react组件上显示一个存储值。但这还没有定义。我的动作和减速器工作得很好，正在更新状态。import React, {Component} from 'react';impor
浏览 0提问于2016-10-28得票数 0
回答已采纳
2回答
具有Redux的专用路由
、、、
我正在尝试创建一条检查用户身份验证的私有路由。但私有路由在redux的数据更新之前进行渲染。组件有isauthenticated变量，它最终会更新为true，但组件在更新之前会先呈现。import React, { Component } from 'react'import {Rout
浏览 0提问于2020-05-01得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
