Redux筛选器数组返回新状态
Redux是一个用于JavaScript应用程序的可预测状态容器。它可以帮助开发者管理应用程序的状态，并使状态的变化变得可追踪和可调试。Redux的核心概念包括store、action和reducer。
- Redux的概念：Redux是一个状态管理库，它通过一个单一的全局状态树（store）来管理应用程序的状态。应用程序的状态存储在一个不可变的对象中，通过派发（dispatch）一个action来改变状态，然后通过reducer函数来处理这个action并返回新的状态。
- Redux的分类：Redux属于前端开发中的状态管理库，它可以与各种前端框架（如React、Angular、Vue等）结合使用。
- Redux的优势：
- 可预测性：Redux使用单一的全局状态树来管理应用程序的状态，使得状态的变化可预测和可追踪。
- 可调试性：Redux提供了强大的开发者工具，可以方便地调试和监控应用程序的状态变化。
- 可扩展性：Redux的设计思想简单明了，使得应用程序的状态管理变得可扩展和可维护。
- 统一性：Redux的设计模式使得应用程序的状态变化逻辑统一，减少了代码的复杂性。
- Redux的应用场景：Redux适用于中大型的前端应用程序，特别是那些需要管理复杂状态的应用。例如，电子商务网站的购物车功能、社交媒体应用的消息通知功能等。
- 腾讯云相关产品和产品介绍链接地址：
- 云函数SCF（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云数据库CDB（Cloud Database）：https://cloud.tencent.com/product/cdb
- 云服务器CVM（Cloud Virtual Machine）：https://cloud.tencent.com/product/cvm
- 云原生容器服务TKE（Tencent Kubernetes Engine）：https://cloud.tencent.com/product/tke
以上是对Redux筛选器数组返回新状态的完善且全面的答案。
相关·内容
如何在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
我正在制作一个购物清单应用程序与React/Redux。我已经把一件物品从清单上删除了。在删除“removeItem”操作后，页面无法再读取列表对象(该对象以前存储在本地状态，在超出操作之前将被读取)。
我尝试过使用useEffect钩子将列表对象存储在一个const变量和一个本地状态中，但它仍然中断。
JSX
const { id } = useParams();
const shoppingLists = useSelector((state) => state.shoppingLists);
const findList = shoppingLists.find((list) =&
浏览 6提问于2022-06-18得票数 1
回答已采纳
3回答
根据redux的文档，reducer总是给出一个新的状态副本。在一个连接的组件中，react-redux对mapStateToProps中提到的属性进行了简单的比较(旧的和新的属性)。
我的困惑是，因为redux总是提供状态的新副本，所以react-redux所做的浅层比较应该总是给出false，并且组件应该总是重新呈现。但这并没有发生。
有人能解释一下我错过了什么吗？
我认为在mapStateToProp中读取的所有属性都是对象。
浏览 0提问于2019-05-19得票数 4
Redux给出一个错误。我找不到一个错误
我不明白我哪里弄错了。在创建redux之前，一切工作正常。错误在'header.jsx‘第10行中找到：
‘'let = props.state.post.map (p => );’ TypeError:无法读取未定义的属性'map‘。redux后出错帮我找bug
‘’redux store.js‘
import {createStore, combineReducers} from "redux/es/redux";
import postReducer from "./postR
浏览 2提问于2019-04-02得票数 0
3回答
我面临着访问redux对象的initialstate数组的问题。
我有一个最初的陈述：
export const initialState = [
{
blogPosts: [
{
title: "",
category: "",
logo: "",
author: "",
date: "",
timeToRead: "",
blogImage: "
浏览 4提问于2022-08-27得票数 1
回答已采纳
2回答
似乎我在React/Redux中遇到了一个非常常见的问题。有很多人都有这个问题，但原因可能有很大不同，所以我找不到可能的解决方案。我正在尝试建立一个具有列表的网页，该列表可以通过按向上和向下按钮重新排序。
我已经设法跟踪更新的状态(数组)，直到reducer，但组件没有更新。我认为我没有正确地更新组件的状态。
下面是我的组件：
import React, { Component } from 'react';
import { connect } from "react-redux";
import { bindActionCreators } from
浏览 4提问于2018-02-05得票数 0
回答已采纳
我有两个组件，一个是应用程序组件，另一个是计数器component.Here应用程序组件是根组件，计数器组件是子组件。在订阅方法的索引组件中，我正在接收更新值。这里的问题是计数器组件如何接收更新，如果redux存储中有任何更改。
//index.js
import React from 'react';
import { render } from 'react-dom';
import Counter from './Counter';
import {Provider} from 'react-redux';
import {
浏览 0提问于2018-03-12得票数 0
我在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
回答已采纳
1回答
我想更新状态，尝试了几种方法，但我做不到。首先，我得到了一个带有获取状态的，因此，我得到了代理，而不是状态。
这是由redux工具箱的current()函数修正的。接下来，我遇到的问题是变异主片状态。
这是一种突变用的减速器。
reducers: {
setUser: (state, payload) => {
console.log("before", current(state)); //init state
state.currentUser = {
...state.currentUser,
logg
浏览 2提问于2021-01-17得票数 3
2回答
我有一个关于还原剂的简短问题
为什么我必须这样写代码：
import { combineReducers } from 'redux';
export default combineReducers({
reducerKey : () => []
});
而不是这样：
import { combineReducers } from 'redux';
export default combineReducers({
reducerKey : []
});
基本上:为什么它必须是一个函数？谢谢!
浏览 0提问于2018-09-11得票数 1
回答已采纳
我刚刚开始学习redux是如何工作的: redux是什么意思，有一个特定的函数，取整个应用程序的状态，动作被分派，并返回应用程序的整个新状态？这在企业级应用程序单页应用程序ERP系统上是可见的还是我误解了什么？
另外，函数是如何纯净的，如何改变以前的状态“使用前一状态的参考文献并向其添加新的数据，然后将其作为一个对象返回?如果不是，这不会影响系统每次在整个系统状态下复制ERP系统的速度吗？
浏览 0提问于2018-09-23得票数 0
我的redux还原器有一个问题，它在调度FETCH_BOOKS操作后不返回预期的状态，它返回一个空对象而不是一个状态对象，这是AJAX请求获取的书籍，还原器在将我的状态存储在数组中而不是对象中时返回正确的数据，这太让人困惑了，为什么会这样呢？
这些是我的部件
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import './index.css';
import
浏览 1提问于2018-10-07得票数 2
回答已采纳
1回答
我使用Redux持久化保存应用程序的状态，以便在关闭和再次打开时保持不变。初始状态保存成功，但我似乎无法用操作更新持久化状态。我的代码如下：
App.js
import React from "react";
import { createStore } from "redux";
import { persistStore, persistReducer } from "redux-persist";
import storage from "redux-persist/lib/storage";
import reducers
浏览 0提问于2018-04-05得票数 1
回答已采纳
1回答
Redux减速器中无名阵列的准备
、、、、
我从API中获取了一个对象数组，并通过Redux将其存储在一个articleData道具中。道具的存储方式如下：
在我的还原器中，我想用另一个articleData对象添加到这个数组中。我想要添加的对象存储在action.articleData中，但是我无法找到一种不命名这个数组的方法。这是我的还原机代码：
export function articleData(state = {}, action) {
switch (action.type) {
case 'ARTICLE_FETCH_DATA_SUCCESS':
浏览 1提问于2017-10-19得票数 0
回答已采纳
我对redux和redux还不熟悉，我正在尝试创建新的状态，但我似乎没有正确地更新状态。
下面是我的箱子里的代码：
case SUBMIT_NOTE:
console.log(payload.note);
return{ ...state, notes: state.notes.push(payload.note)};
payload.note解析为我想要推入数组的对象，但是在redux-logger中它显示为state.notes = 2。
不知道这是怎么发生的。我对扩展操作符很陌生，而且是纯函数。
浏览 0提问于2018-03-18得票数 3
回答已采纳
5回答
我知道我不应该改变输入，而应该克隆对象来改变它。我遵循了redux starter项目中使用的约定，该项目使用：
ADD_ITEM: (state, action) => ({
...state,
items: [...state.items, action.payload.value],
lastUpdated: action.payload.date
})
为了添加一个项目--我使用append将项目追加到数组中。
删除我用过的：
DELETE_ITEM: (state, action) => ({
...state,
items: [...state.it
浏览 66提问于2016-01-04得票数 133
回答已采纳
1回答
我使用redux-thunk的thunk，当我发出调用api的操作时，我可以看到redux工具中的数据更新，但它没有在组件上呈现。
我的行动：
export const fetchPosts = () => async(dispatch) => {
try {
const {data} = await API.fetchPosts();
dispatch({
type: "FETCH_POSTS",
payload: {
posts: data.posts
},
}
浏览 2提问于2021-06-17得票数 1
回答已采纳
我目前遇到了一个问题，通过redux向数组添加/还原。为了确保我的redux状态正常工作，我硬编码了其中的值，每次按下按钮它都会触发。
起作用的代码：
import * as actionType from '../actions/ActionType';
const counterReducer = (state = [], action) => {
let newState = [];
switch (action.type) {
case actionType.ADD_FILTER:
if (!state.includes(action
浏览 0提问于2018-11-02得票数 0
回答已采纳
1回答
当从redux状态中删除元素时，我有更新组件的问题。
我的组件：
const mapStateToProps = state => ({
products: state.shoppingBasket.list,
});
const ShoppingBasket = React.createClass({
propTypes: {
removeProduct: React.PropTypes.func.isRequired,
products: React.PropTypes.array,
open: React.PropTypes.func.isRequ
浏览 1提问于2017-02-09得票数 1
回答已采纳
const movieList = getMovies();
const useStyles = makeStyles({
table: {
minWidth: 650,
},
});
const Movie = () => {
const classes = useStyles();
const [movies, setMovies] = useState("");
useEffect(() => {
setMovies(movieList);
}, []);
const handleDelete = (movi
浏览 3提问于2020-09-11得票数 0
回答已采纳
1回答
版本
材料-用户界面: 0.18.0
反应: 15.5.4
剩余: 3.6.0
浏览器: Chrome -版本59.0.3071.115 (官方版本)(64位)
问题
我使用redux来进行应用程序范围的状态管理，而不是使用setState。当调用redux操作时，复选框不会注册为onRowSelection，但它会注册当我单击onRowSelection时单击它。如果删除调用操作的行，复选框就会正常工作。由于某些原因，当我调用redux操作时，Material将被阻止更新。
--编辑--
它似乎不是造成故障的动作，而是我的减速机的一些东西，材料UI的表不喜欢。
(下面添加了还原剂片段)
表组
浏览 0提问于2017-06-26得票数 2
回答已采纳
我有一个要在react组件中显示的对象数组。
我在代码中使用Redux，并在使用reverse()函数反转对象数组时使用Redux。它没有在组件中更新。
你们知道是怎么回事吗？
浏览 0提问于2016-01-29得票数 0
我是新来的。
景物：
Redux State有: X、Y、Z对象：
class A {
render(){...}
}
mapstatetoprops(){
return { X: x1}
}
connect(mapstatetoprops)(A)
我在某个地方读到，当在X、Y或Z中更改redux状态时，连接调用mapstatetoprops来重新分配组件A。
但是，我只想在X被更改时才重新修改A。这有可能吗？
浏览 3提问于2018-01-05得票数 1
假设我的redux存储状态是{posts: []}，在我的还原器中，我返回{posts: [1, 2, 3]，然后redux告诉我存储状态是{posts: {posts: [1, 2, 3]}}
下面是我的简单操作代码的一个实际示例
export const GET_POSTS = 'GET_POSTS'
export function getPosts ( posts ) {
// posts = Array of objects right here
return {
type: GET_POSTS,
posts
}
}
(类别的单独档案)
浏览 1提问于2017-10-08得票数 0
回答已采纳
1回答
尽管做了很多研究，但我似乎并没有找到我想要的东西。我正在建设一个房地产反应应用程序，在搜索页面，我希望能够过滤结果根据价格范围，卧室计数，浴室计数，房屋类型。我看了一些教程，但我不太确定他们是否给我指明了正确的方向。我想使用功能组件，反应钩子，没有redux或MobX和没有css框架。是否有必要使用</form>标记？如何在数组上动态应用多个过滤器？因为筛选器将处理从存储在数组中的api中下载的本地数据。请给我尽可能多的解释。下面是一个例子：
浏览 1提问于2019-12-16得票数 0
回答已采纳
1回答
剩馀减速器基准
、、
当我们触发一个动作时，从redux到状态会发生什么？
我们有当前的redux状态
我们称之为行动
每个减速机都在包含正确actionType的开关中寻找自己的情况。
每个还原器返回状态-每个还原器是否返回一个新的状态引用，即使在默认的return state情况下也是如此。
如果状态在还原器中返回，它实际上会发生什么情况？它是否使用某种约简函数来比较状态和调用重复器，然后返回新的引用并作出反应，然后比较是否有任何更改和调用？
浏览 0提问于2021-04-16得票数 1
回答已采纳
redux声明在使用redux时，使用来自react-redux包的react-redux。不应该需要shouldComponentUpdate -
Redux库的connect()函数，它提供了许多有用的优化，以防止不必要的重呈现。(这样做的结果之一是，您不必担心自己实现shouldComponentUpdate的反应性能建议。)
但是，我的组件不需要更新，因为我每次都要重新测试一个新数组，即使数组的内容是相同的。这是我的代码：
const AssetManagerSmart = connect(
function(state) {
const { asse
浏览 3提问于2017-08-04得票数 2
回答已采纳
1回答
我的代码应该更新屏幕上的time元素，并在单击按钮时增加日期，但这并没有发生。我不知道我在这里错过了什么。
actions.js
export const getTime = () => {
return ({
type: "FETCH_TIME",
payload: Date.now()
});
};
export const incDate = (by) => {
console.log("in inc date");
return ({
type : "I
浏览 3提问于2017-09-02得票数 0
回答已采纳
在使用Redux和Redux-Persist时，持久化的React-Redux有几个问题。
Reducer示例：
export default (state = {}, action) => {
switch (action.type) {
case "SET_FOO":
return action.payload
default:
return state;
}
};
操作示例：
const setFooAction = (payload) => {
return {
浏览 2提问于2020-04-07得票数 0
回答已采纳
第一次使用Redux时，我理解操作和还原器的概念，但无法让它们在我的代码中很好地发挥作用，我担心这是因为我使用的是CoffeeScript而不是ES6。
我想问题是，我不能在我的/app/reducers/index.export default ...中做¯\_，但老实说，Redux对我来说是非常新的，我和webpack一起蹒跚而行，反应了一段时间，而且仍然对两者都不太舒服，所以¯\_(ツ)_/ my
我不断地发现错误：
Store does not have a valid reducer. Make sure the argument passed to combineReducers
浏览 2提问于2016-07-20得票数 0
回答已采纳
1回答
我注意到，我的一些组件正在重命名，而我并没有期望它们。假设我有一个<Header />组件。<Header />调用useSelector，并获取状态的一部分。例如，我的整个redux商店可能如下所示：
{
header: "header slice",
body: "body slice"
}
<Header />通过使用选择器获取它所需的内容：
const Header = () => {
const headerSlice = useSelector(state => state.header);
浏览 9提问于2022-07-20得票数 3
回答已采纳
在我的Angular Redux应用程序中，组件A依赖于Redux状态片X，但不依赖于Redux状态片Y。然而，当只有状态片Y改变时，组件A将被重新渲染。 当只有状态切片Y改变时，我可以做什么来避免组件A被重新渲染？
浏览 13提问于2021-01-08得票数 1
回答已采纳
1回答
我正在学习redux (我认为这并不重要)，我正在学习redux(我认为这并不重要)，试图超越基本知识，我对“计算状态”(甚至不确定该如何称呼它)应该去哪里感到困惑。
假设我有这样的应用程序状态：
用户：用户的一个实例
电影：用户电影列表
recentFavoriteMovie：用户上面的电影之一标记为“最爱”，并有最近的创作日期。
我能够设置用户(登录成功操作)和请求用户的电影(登录成功中间件)。当“电影”查询完成时，我对在哪里初始化recentFavoriteMovie感到困惑。似乎有很多选择..。
SetMovies中间件可以计算它，然后调用一个SetRecent
浏览 0提问于2019-06-20得票数 2
回答已采纳
1回答
我正在开发Redux工具包来构建一个应用程序，它可以使用API获取数据。在我的Redux存储中，我有多个切片，我想访问searchSlice在bookingSlice.Is中的搜索状态，有解决这个问题的方法吗？我还没能找到解决办法。
我在寻找最佳实践
import { createSlice } from "@reduxjs/toolkit";
const initialState = {
destination: "",
checkIn: new Date(),
checkOut: new Date(),
count: {
adult
浏览 3提问于2022-08-18得票数 0
2回答
我是新来的反应和反应。试着理解基本知识并做一些简单的例子，但我被困在这个问题超过一天，我找不到解决办法。我想我的错误是一个愚蠢的错误。
问题是我无法打印用户数组。调试时，变量 users 正在加载所有更正的is和用户，但在执行<li key={id}>{name}</li>三次之后，它返回到forEach，并给出了这个例外：Uncaught TypeError:无法读取未定义的属性'forEach‘，其中users未定义。我还得到了一个与PropTypes相对应的错误：提供给HomePage (预期对象)的类型数组的无效支柱用户。
以下是代码：
存储/配置Sto
浏览 1提问于2018-07-21得票数 0
回答已采纳
1回答
组件无法赶上redux状态
、、、、
请帮我解决这个问题。我使用redux和redux来控制我的应用程序中的状态。但是，当我试图根据redux存储的值更改组件中的样式时，它会延迟响应。当我添加新项并单击该列表并期望其颜色被更改时，它只在添加另一项之后才会这样做，因此它总是会延迟。这是我的减速机
export const items = (state = [], action) => {
switch(action.type) {
case 'ADD_ITEM':
const newItem = {
title: action.title,
浏览 0提问于2018-03-08得票数 0
回答已采纳
我正在研究结构化应用程序状态的文档模式：
在这里，可以看到维护假设的博客应用程序的帖子的下列建议方法：
posts : {
byId : {
"post1" : {
id : "post1",
author : "user1",
body : "......",
comments : ["comment1", "comment2"]
},
浏览 3提问于2020-05-22得票数 6
回答已采纳
在我的应用程序中，我使用了react、redux和redux-持久化。每次创建嵌套对象数组时，都要提交表单。redux持久化似乎有效，因为表单数据可以成功地保存在本地存储中。然而，最令人困惑的是，我不知道为什么每次创建嵌套对象。
商店
import {createStore, applyMiddleware} from 'redux'
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storag
浏览 6提问于2021-07-01得票数 0
对于redux，我是新手，我很惊讶地看到一个例子，在这个例子中，函数是getVisiblieTodos，在mapStateToProps中被调用。这个函数应该在还原器中调用，因为它改变了状态？为了简洁起见，代码是否打破了“好形式”？一般这样做可以吗？
我正在看这个的代码
import { connect } from 'react-redux'
import { toggleTodo } from '../actions'
import TodoList from '../components/TodoList'
const getVisibl
浏览 8提问于2017-11-17得票数 2
回答已采纳
2回答
我正在尝试将redux合并到我创建的现有应用程序中，该应用程序从api中获取geoJSON并加载映射，并且可以进行过滤。
在使用redux之前，我创建了一个句柄函数来过滤状态并更新它。然后传递给一个子组件，在一个按钮中使用。。
既然我正在学习Redux，我很难弄清楚我把这段代码放在哪里了。它是进入我的减速机还是作为一个动作创造者？有人能告诉我吗？
处理父类组件中的函数
filterMaterial = (name) => {
const filteredData = this.state.geoJSON.features.filter(item => item.proper
浏览 2提问于2020-06-26得票数 1
回答已采纳
我尝试了几个小时，但不明白为什么在添加数组 of 自定义对象之后没有调用状态。
// In my component...
const myRemoteArray = getRemoteArray() // Is working
props.addAdItems(myRemoteArray) // Calls **1 via component.props
/// ...
const mapDispatchToProps = (dispatch) => {
return {
addAdItems: (items) => { // **1
浏览 2提问于2021-02-06得票数 0
回答已采纳
我试图同时注销并清除该商店，因此单击此命令：
dispatch({type: PURGE, key: 'root', result: () => { } });
Redux持久化抓住它，并报告清除商店。太棒了。在另一个还原器中，我捕获该调度，并删除访问令牌，如下所示：
import { PURGE } from 'redux-persist/es/constants';
const authSlice = createSlice({
name: 'auth',
initialState,
reducers: {
set
浏览 4提问于2020-05-19得票数 2
回答已采纳
2回答
如何在单击按钮时防止页面呈现
、、、、
我试图优化我的react应用程序，同时分析我的应用程序，我发现当我点击Add to cart页面时，我的整个页面都被重新呈现了。有人能帮我吗，如何避免，为什么会发生？
GitHub回购：
import { useCallback, useEffect, useState } from "react";
import { useDispatch, useSelector } from "react-redux";
import SideBar from "../../components/sideBar/SideBar";
import { get
浏览 4提问于2022-03-07得票数 0
回答已采纳
我在角应用程序中有redux状态：
export interface UIAction {
name: string;
isActive: boolean;
}
export interface IUIState {
actions: UIAction[];
}
我构建了一个角服务，订阅状态并将每个动作的主题存储在Map中，并为对某个操作的isActive值感兴趣的调用方返回该主题。就像这样：
public getIsActive$(name: string): Observable<boolean> {
let sub = this.subsMap.
浏览 2提问于2021-08-10得票数 0
回答已采纳
1回答
在开发应用程序的过程中，我面临一个问题，即我是否正确地使用了Redux。我有一个fav:[]，在其中添加产品对象并呈现它们的列表。但是，为了避免数据丢失，我必须将这个fav:[]复制到favCopy:[]，然后执行.filter示例代码：
case "fav":
state.fav = action.payload.filter === 'all'
? state.favCopy
: state.favCopy.filter((item: any) =
浏览 4提问于2022-05-20得票数 0
回答已采纳
2回答
我正在映射一个通过redux state获得的数组对象。我需要创建一个搜索过滤器，它根据关键字name过滤数组。我正在与这个过滤器作斗争，它就是不起作用，我有点疯狂地尝试各种方法。items包含数组对象，filtered包含来自输入的键入文本，所有这些都可以从redux状态获得，并使用mapStateToProps将它们保存到props
状态：
items: [{name: "bla"}, {..}, {..}] (50 objects in array)
filtered: "test"
减速机：
case SEARCH:
return {
浏览 0提问于2021-03-18得票数 0
我有一个容器，一个actionsCreator，和一个减速器。在下面的代码中，是什么使Reducer返回action.text而不是更新的状态对象？我以为减速器必须总是返回状态。
HelloWorldContainer.jsx
import { connect } from 'react-redux';
import HelloWorld from '../components/HelloWorld';
import * as actionCreators from '../actions/helloWorldActionCreators'
浏览 8提问于2017-03-20得票数 3
回答已采纳
3回答
我已经使用React一个星期了，并且在实现提供者时遇到了一个障碍。我正在使用connect、mapStateToProps和mapDispatchToProps来简化以前起作用的应用程序。我有一个CommentsContainer组件链接到一个Comments组件，它映射出子Comment组件。我实现的第一个操作是onDeleteClick对Comment组件的onClick事件。我认为这很简单，但是在事件触发后，我无法获得更新状态(也就是删除已删除的Comment组件)的页面。铬检查员确认：
减速箱在开火
已删除的注释将从状态中删除。
但国家并不是在更新。我以为我已经很好地掌
浏览 0提问于2018-01-22得票数 1
回答已采纳
2回答
我对Redux很陌生。
我的网络应用程序是一个eCommerce网站，用户有多辆车(每个车都有一个id和名称)，并且可以在每个购物车中放置不同的项目(在一个条目数组中)。
当用户从购物车中删除项目时，我的console.log()语句显示存储区中正在更新carts数组，但是，除非我在carts数组中插入一个新的cart对象，否则用户界面不会反映这一点。
为什么不能像更新存储中的普通数组一样更新嵌套数组？
如何解决这个问题？
我的初始商店
const intialStore = {
carts: [],
first_name : "ford",
last
浏览 2提问于2020-07-27得票数 0
回答已采纳
我在玩，redux -redux和redux.我有一个组件，一旦挂载就会执行API调用，当调用执行时，应该在组件中添加数据。
如果我没听错，
mapDispatchToProps用于在组件中注入dispatch函数。
如果react的存储被更改，mapStateToProps将用于更新组件
当消息发送到redux时，sagas用于触发异步函数。
reducers用于在将消息发送到redux时更改react的存储
然而，在我的项目中，当组件被挂载时，API调用被触发，存储被更改，但是mapStateToProps没有被调用，所以我的组件不显示结果。
我不知道如何调试这个。
浏览 3提问于2017-03-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
