react redux useSelector重新呈现，即使数据没有更改
React Redux是一个用于管理应用程序状态的库。它结合了React和Redux，提供了一种可预测的状态管理解决方案。在React Redux中，useSelector是一个React Hook，用于从Redux存储中选择和提取状态。
当使用useSelector重新呈现时，即使数据没有更改，组件也会重新渲染。这是因为useSelector使用了浅比较来检测状态的更改。即使数据的值没有更改，但如果数据的引用发生了变化，组件也会重新渲染。
这种行为的优势在于，它确保了组件的渲染是基于最新的状态。即使数据没有实际更改，组件也可以通过重新渲染来响应状态的变化。这样可以确保组件的UI始终与应用程序的状态保持同步。
React Redux的useSelector可以在各种应用场景中使用。例如，在一个电子商务应用程序中，可以使用useSelector来选择和提取购物车中的商品列表。当购物车中的商品数量发生变化时，组件将重新渲染以反映最新的商品列表。
对于腾讯云相关产品和产品介绍链接地址，这里提供一些可能与React Redux相关的产品：
- 云服务器（CVM）：腾讯云的云服务器提供了可扩展的计算能力，可用于部署和运行React Redux应用程序。了解更多：云服务器产品介绍
- 云数据库MySQL版（CDB）：腾讯云的云数据库MySQL版提供了可靠的数据库服务，可用于存储React Redux应用程序的状态数据。了解更多：云数据库MySQL版产品介绍
- 云存储（COS）：腾讯云的云存储提供了可扩展的对象存储服务，可用于存储React Redux应用程序中的静态资源文件。了解更多：云存储产品介绍
请注意，以上仅为示例，实际选择使用哪些腾讯云产品应根据具体需求和场景进行评估和决策。
相关·内容
1回答
如何访问Redux cartReucer中的状态？
reactjs、react-redux、redux-reducers
我需要访问我的当前购物车状态，它只是一个已添加到购物车的产品列表，以便我检查in，以便计算重复产品的数量。我意识到我这里的一个问题是，我已经用一个空数组初始化了itemsInCart，但我不确定在这里还能做什么，因为没有它，状态就不能被解构。
cartReducer.js
const itemsInCart = []
export const cartReducer = (state = itemsInCart, action) => {
const { type, payload } = action;
switch (type) {
case
浏览 0提问于2020-08-23得票数 0
4回答
利用腾讯云GPU构建深度学习网络？
对象存储、深度学习
如题，本人（学生）想用腾讯云构建一个实验性的深度学习网络，具体要用到腾讯云的哪些服务呢？（GPU，COS），另外还需考虑较低的成本。。。
浏览 1124提问于2017-12-13
1回答
useSelector中的“减少”
javascript、reactjs、redux、react-redux
我英语说得不太好，但我会试试的。
我寻找这个已经有一段时间了，我找不到一个明确的解决方案，我使用React进行电子商务，在我的全球商店有一个列表产品在我的购物车里。
我需要清点产品以显示总数量，如何运行我的产品列表的".reduce“？
，必须创建一个useState?
我的购物车的产品列表，它有以下模式
[{
id: 5,
quantity: 3
},{
id: 23,
quantity: 1
}]
我曾想过用下列方法来做这件事
选项1：(没有useState，它是有效的？)
import React from 'react';
imp
浏览 2提问于2020-04-03得票数 0
1回答
Redux的New方法会返回对数据模型的引用而不是useSelector对象吗？
reactjs、redux、react-redux
我是React和Redux的初学者。我将react 16.9与redux 4.0.4和react-redux 7.1.1一起使用。 我注意到我可以直接访问底层的Redux数据模型(存储中的对象)，而无需分派操作。 考虑以下组件： import React from 'react';
import { useSelector } from 'react-redux';
function MyComponent(props) {
const obj = useSelector(state => state.objReducer);
obj.
浏览 8提问于2019-09-23得票数 2
1回答
混合Redux和useEffect钩子
reactjs、react-redux
我读到这在理论上是可以的。在我的小用例中，我遇到了一个问题，混合这些技术会导致双重重新渲染。 首先，当redux分派被执行时，一些组件通过useSelector使用属性。然后，在功能组件已经被重新呈现之后，将应用一个useEffect钩子来更新某些属性的状态。此更新将再次重新触发渲染。 例如，在我的例子中，下面的控制台日志打印了两次。 问:我是否应该删除useEffect和useState并将其集成到redux的存储中？ import {useSelector} from "react-redux";
import React from "react";
浏览 9提问于2020-08-05得票数 0
1回答
在同一VPC私有网络中的新购CVM和CDB，两者访问如何连接设置？
云服务器、私有网络、官方文档
请描述您的问题
标题：创建VPC（用于CDB数据库实例） - 数据库MySQL - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/236/8468
浏览 410提问于2018-02-28
2回答
如何用useSelector显示对象数组？
javascript、node.js、reactjs、redux、mern
我应该用什么代替useSelector或mapStateToProps？它们多次运行(array.lenght)并将所有值更改为最后一个值。
我有一个电子商务应用程序，ProductDetails组件包含产品评论，我将其映射到ProductReview组件以获取从用户Id获取的用户信息。
ProductDetails.js
import React, { useEffect } from "react";
import ProductReview from "../components/ProductReview";
import { useSelector,
浏览 8提问于2021-07-22得票数 0
回答已采纳
1回答
更改页面后，Rails上的反应和Redux丢失持久化存储
ruby-on-rails、reactjs、redux、react-redux、react-on-rails
我正在尝试使用Ruby on Rails和React构建一个简单的应用程序。我使用的是gem 。此外，当我需要时，我正在尝试使用Redux在不同组件之间进行通信。我目前遇到的问题是，我不知道如何在应用程序中保留Store。如果它是一个普通的React应用程序，我在组件之间共享Redux没有问题。在React On Rails中设置它是一种不同的方式，它在当前的实现中工作得很好，但当我切换到另一个页面或刷新页面时，我会丢失存储。
我的目标是通过Redux将产品ID添加到购物车，当用户重定向到/cart页面时，它可以从Redux商店检索购物车阵列，然后我可以用所需的产品填充页面。
Rails中的简
浏览 23提问于2019-03-19得票数 0
3回答
反应:重新渲染手推车后，单击移除按钮。
reactjs、react-hooks
我想重新渲染手推车后，删除按钮点击，我认为它是工作的原因，当我点击删除，然后这个项目是从产品中删除(我从console.log) .But购物车不是重新渲染.May，因为我不能正确地使用useEffect钩子。
import React,{useEffect} from 'react'
import { useSelector } from 'react-redux'
import Link from "next/link"
const cart = () => {
let products=useSelector((state)=
浏览 6提问于2022-11-30得票数 0
1回答
我可以在react组件的render()方法中调用redux的store.subscribe方法吗？
reactjs、meteor、redux、react-redux
我正在尝试使用react和redux在流星上建立一家电子商务商店。我的导航栏中有一个图标，显示添加到购物车中的项目总数。我想更新商品的柜台。如果我调用store.getState().numOfItems，它将显示添加到购物车中的项目总数。但是当我向购物车中添加一个项目时，图标不会更新。只有当我移动到其他页面时，它才会更新。(这是一个单页应用程序)
浏览 0提问于2016-10-06得票数 2
回答已采纳
1回答
为什么小计不相加？
javascript、reactjs、react-redux
import React, { useEffect } from "react";
import { addToCart, removeFromCart } from "../actions/cartActions";
import { useDispatch, useSelector } from "react-redux";
import { Link } from "react-router-dom";
function CartScreen(props) {
const cart = useSelector((sta
浏览 32提问于2020-12-12得票数 1
1回答
如何使用ReactJS中的redux工具包按类别进行筛选
javascript、reactjs、redux、redux-toolkit
如何在ReactJS项目中的redux工具箱中实现购物车项目中的按类别过滤。我尝试在我的filterSlice.js文件，但我没有得到意味着数据不是按类别过滤。请帮助我，在我的项目中产品类别过滤器的代码中应该实现什么。我只想通过使用redux工具包来过滤(笔记本电脑、智能手机、家居装饰等)。
Home.js
import { useEffect, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import { Products, SearchBar
浏览 1提问于2022-11-05得票数 0
1回答
如何更新我的输入以确保它具有最新的值
html、reactjs、redux
我有一个名为productsTable的react组件，用户可以在其中指定想要的商品数量，然后将其添加到购物车中。我使用input字段来允许他们输入产品的数量。我遇到的问题是，如果用户为每个产品输入输入字段的值并单击add to cart，则setState将具有的值是在输入字段中输入的最后一个值，而不是具有该单个输入字段值的值。发生这种情况的原因是我使用setState的方式，它在输入的onChange中更新。我能做些什么来解决这个问题。我在想，也许可以把input作为它自己的独立组件，这样每个product就可以得到它自己的input实例。代码如下所示。 import { Table,
浏览 6提问于2021-10-10得票数 0
回答已采纳
7回答
怎么导出腾讯云服务器镜像并下载到本地？
导出的镜像，我能在本地环境正常使用么，我想把这个镜像再安装到我本地的电脑上，请问这个操作是都能成功
浏览 14483提问于2020-08-03
2回答
(React和Redux)向购物车添加商品时出现的问题
javascript、reactjs、redux、react-redux、shopping-cart
我正在学习一个教程，我们正在构建一个购物车，这个购物车还没有完成，但在继续教程之前，我想先解决这个问题。 问题是，当我试图向购物车添加任何商品时，购物车仍然告诉我，我的购物车是空的。您可以注意到，在下面图片的url中，我已经将id号为1的商品添加到购物车中，数量(qty)也是1。 ? 但购物车在向其中添加商品后不应响应此类消息。在此阶段，即代码所在的阶段，响应应该只是一个空白页面。 当我尝试console.log cartItems时，这还不起作用--对我来说，这是一个空数组，但讲师正在接收有关产品的数据，这些数据被添加到购物车中。所以这可能是一个线索。 请看一下下面的文件，如果你能看到
浏览 32提问于2021-03-23得票数 1
回答已采纳
2回答
使用useSelector的useEffect钩子的无限循环
react-native、redux、react-redux、infinite-loop、normalizr
我在React Native应用程序中有一个规范化的Redux存储。 我的减速器的结构是： {
byId: {},
allIds: []
} 在我的组件中，我使用useSelector钩子获取Redux状态的切片： const categories = useSelector((state: AppState) =>
state.products.allIds.map((id) => state.categories.byId[id.toString()])
); useSelector中的逻辑只是将byId对象转换为数组。 当我将categories数组设置为依赖项
浏览 127提问于2021-10-23得票数 0
回答已采纳
2回答
为什么在呈现React中的列表项时，在脚本上花费这么多时间？(性能优化)
reactjs、redux、react-redux、electron、google-chrome-devtools
我一直在努力提高我的反应应用程序(特别是电子)的性能，它使用react-redux和reselect。我有一个父组件(网格)，它使用useSelector从redux存储中获取一些数据，并为数组中的每个项呈现一个子组件(网格中的行)。我们还有一个过滤器功能，所以我们对产品数据数组进行了一些转换。类似于这样的东西：
const data = useDataSelector(
"all",
categoryId || EVERYTHING_CATEGORY_ID
);
const location = useLocation();
const [filtered
浏览 7提问于2022-01-28得票数 0
回答已采纳
1回答
在React中路由其他组件时重置redux存储
reactjs、react-redux、react-router-dom
通过使用react路由器-dom，react，我尝试实现一个网站。该网站已经使用redux存储显示了基于语言设置的内容。当单击Navbar中的语言区域时，它会回调changeLanguage函数，然后改变存储中的语言状态，网站以更改的语言正确地显示内容。但是，当我单击导航栏中的另一个链接'/home‘或'/main’时，它将在页面上使用重置redux 。能让我知道如何处理这个问题吗？
languageSlice
import { createSlice } from "@reduxjs/toolkit";
export const languageSlice
浏览 6提问于2021-05-05得票数 1
回答已采纳
1回答
我的组件在发生变化时没有实时更新(react redux项目)
reactjs、redux、react-redux
我用react-redux制作了一个商店web应用程序，我在商店中的商品在JSON DB中，当我在购物车中添加商品(单击buy)时，商品将进入另一个JSON DB中。我已经制作了一个组件来计算购物车中的物品。它从数据库获取项目，并查看数据库中有多少项目并显示一个数字，但当我单击buy按钮时，计数器不会改变，需要硬刷新，或者需要转到另一个页面并返回(它使用链接路由)来查看计数器的新数字。1.你知道通常什么时候会发生这种情况吗？或者我应该怎么做?2.有没有办法在手动点击按钮后更新页面？
浏览 0提问于2019-07-22得票数 0
3回答
redux状态更新时如何更新呈现？
reactjs、redux
我有密码
import React,{Component} from "react"
import {connect} from "react-redux"
class Aside extends Component{
renderAside(){
const asideItems = this.props.cart
console.log(asideItems) // Not Working never
return asideItems.map((item, key) =>{
return(
&l
浏览 3提问于2020-12-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
