草庐IT

redux-tookit

全部标签

javascript - Action 不会触发 React + Redux 中的 reducer

我正在开发一个react-redux应用程序,由于某种原因,我调用的操作没有到达reducer(我目前在其中只有一个日志语句)。我附上了我认为相关的代码,我们将不胜感激任何贡献。在组件的函数内调用的Action:onSearchPressed(){console.log('searchpressed');this.props.addToSaved();}Action/index.js:varactions=exports=module.exportsexports.ADD_SAVED="ADD_SAVED";exports.addToSaved=functionaddToSaved()

javascript - 如何在 React Native/Redux 中使用推送路由为 NavigationStateUtils 创建唯一键?

目前,我使用NavigationStateUtils使用ReactNative/Redux设置了Push和Pop。但是,当多次按下触发Push操作的按钮时,我收到错误消息:shouldnotpush*routewithduplicatedkeyand*representingroute.keyorthis.props.navKey。错误的原因可能是什么?我应该如何使用NavigationStateUtils为每个单独的路由创建一个唯一的键?这是我的设置-终极版:functionmapStateToProps(state){return{navigation:state.navReduc

redux

1.先创建count和person两个组件2.创建count的store相关的文件夹。store/modules/count1.constant.js2.createActions.js3.index.js4.reducer.jsindex.jsimport{legacy_createStoreascreateStore}from"redux";importcountReducerfrom"./reducer.js";constcountStore=createStore(countReducer);exportdefaultcountStore;先写index.js创建store,因为以后c

React中使用redux

要将store注入到组件当中,必须用标签将组件包裹  组件引入自"react-redux"核心包import{Provider}from'react-redux';importstorefrom'./store/index';2."react-redux"核心包为我们提供的钩子函数①useSelector(state=>{})用来抓取store中存储的state数据1.其中形参state获取的是所有切片中的state集合2.函数中通过返回state.name(name为store中各切片的属性名),来提取各切片数据3.此时,调用useSelector()函数会返回回调函数中的返回值,用一个变量

(六)redux状态管理

redux为什么使用Redux:使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的state非常困难。所以我们需要把state进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。一、什么是Redux?Redux是一个JS库,一个状态容器。作用:集中式管理React应用中多个组件共享的状态(1)它可以和react,vue,angular等一起使用,但一般都和react一起使用。(2)Redux可以解耦React(View层)于数据管理和对数据的操作,保持View层的纯净,让每一个组件的职

React中使用Redux (一) - 在React中直接使用Redux

React中使用Redux开始之前需要强调一下,redux和react没有直接的关系,你完全可以在React,Angular,Ember,jQuery,orvanillaJavaScript中使用Redux。尽管这样说,redux依然是和React库结合的更好,因为他们是通过state函数来描述界面的状态,Redux可以发射状态的更新,让他们作出相应;目前redux在react中使用是最多的,所以我们需要将之前编写的redux代码,融入到react当中去。这里我创建了两个组件:Home组件:其中会展示当前的counter值,并且有一个+1和+5的按钮;Profile组件:其中会展示当前的cou

REDUX中的表演和合并

在我的Redux容器中,我必须派遣非常复杂的动作,从商店中获取许多属性。如果不粉碎表演,我找不到正确解决问题的正确模式。让我们以一个仅包含发送按钮发送消息的容器的示例:(就这样一个小例子而言,以下任何方法都可以很好地工作,我只是想说明我以更大的容器遇到的问题。)天真的方法-将所有参数传递给组件functionmapStateToProps(state){return{user:selectors.selectedUser(state),title:selectors.title(state),message:selectors.message(state),};}functiondispatc

javascript - React Native 和 Redux : Why aren't child components re-rendering on every state update?

在ReactNative和Redux中,我有一个作为根组件。每次更新状态时,redux-logger都会正确更新下一个/新状态。并且在状态更改之后,当新更新的状态在子组件中被控制台记录时,它不会控制台记录更新的状态,而是控制台记录初始状态(在子组件childPage.js和日志记录:render(){console.log(this.props.state)return(...)...中)。会不会是我错误地连接到Redux或缺少某些东西?因为,一切似乎都运行良好且合情合理。提前致谢!以下是我的一些代码片段:这是我的reducer,即使添加和更新了其他属性,子组件也只会在此处记录init

javascript - React Native 和 Redux : Why aren't child components re-rendering on every state update?

在ReactNative和Redux中,我有一个作为根组件。每次更新状态时,redux-logger都会正确更新下一个/新状态。并且在状态更改之后,当新更新的状态在子组件中被控制台记录时,它不会控制台记录更新的状态,而是控制台记录初始状态(在子组件childPage.js和日志记录:render(){console.log(this.props.state)return(...)...中)。会不会是我错误地连接到Redux或缺少某些东西?因为,一切似乎都运行良好且合情合理。提前致谢!以下是我的一些代码片段:这是我的reducer,即使添加和更新了其他属性,子组件也只会在此处记录init

React redux toolkit: Uncaught Error:[Immer] An immer producer returned a new...

React在写一个购物车的reduxtoolkit时遇到了问题。核心代码如下:import{createSlice}from"@reduxjs/toolkit";constcartSlice=createSlice({name:'cart',initialState:{cartItems:[],cartItemCount:0},reducers:{addProduct(state,action){const{imageUrl,name,price}=action.payloadletnewCartItems=[...state.cartItems]letflag=newCartItems.so