草庐IT

redux-store

全部标签

javascript - 尝试使用返回 HOC 的函数时出错(a la Redux Connect)

我正在尝试创建类似于connect的高阶组件(HOC)来自react-redux但我遇到了错误。我的代码可以在这里找到:https://codesandbox.io/s/483or78no0我从这篇博文中获取了这段HOC代码:https://medium.com/@franleplant/react-higher-order-components-in-depth-cf9032ee6c3e(寻找AppendixA:HOCandparameters)我得到的错误是:Warning:FunctionsarenotvalidasaReactchild.Thismayhappenifyoure

javascript - 无法使用 webpack 和 redux-react 获取模拟

我有以下设置。我现在正在尝试模拟我的后端。我有一个如下所示的异步redux操作:import*astypesfrom'./../constants/actionTypes.jsx'importfetchfrom'isomorphic-fetch'varfetchMock=require('fetch-mock');exportfunctionfetchEntry(entry){returndispatch=>{dispatch(requestEntry(entry));fetchMock.mock(`http://localhost:8080/entry/${entry}`,{cont

javascript - 如果直接在 Redux reducer 中修改状态会发生什么?

我正在看这个Reduxtutorial其中正在讨论以下reducer:functionvisibilityFilter(state='SHOW_ALL',action){returnaction.type==='SET_VISIBILITY_FILTER'?action.filter:state}functiontodos(state=[],action){switch(action.type){case'ADD_TODO':returnstate.concat([{text:action.text,completed:false}]);case'TOGGLE_TODO':return

javascript - NUXT 中间件中未定义 Vuex store

我正在练习NUXT,从教程中可以看出它运行良好。进入NUXT中间件时我的失败。逻辑是,如果页面重定向到其他页面,它将进入中间件并使用axios获取结果。中间件/search.jsimportaxiosfrom'axios';exportdefaultfunction({params,store}){console.log(store)returnaxios.get(`https://itunes.apple.com/search?term=~${params.id}&entity=album`).then((response)=>{console.log(response.data.r

javascript - 测试调用 API 的 redux 操作

测试此功能的最佳方法是什么exportfunctionreceivingItems(){return(dispatch,getState)=>{axios.get('/api/items').then(function(response){dispatch(receivedItems(response.data));});};}这是我目前拥有的describe('ItemsActionCreator',()=>{it('shouldcreateareceivingitemsfunction',()=>{expect(receivingItems()).to.be.a.function;

javascript - 更新 ngrx/store 中的对象

我正在为Angular2应用程序使用@ngrx/store。我的商店拥有一个列表,比如Book对象。我想更新其中一个对象中的字段。我也碰巧有一个要更新的Book实例的Observable(比如,selectedBook)。为了进行更新,我打算使用UpdateBookAction和新书的有效负载调用reducer。因此,我通过订阅selectedBook然后调用Object.assign()对现有Book对象进行了深度复制。但是当我尝试写入副本的其中一个字段时,出现以下错误。(这恰好与我尝试直接写入商店中的Book对象时遇到的错误相同。)错误Cannotassigntoreadonlyp

Javascript 在错误的时间关闭 "stores"值

我正在尝试逐渐增加。以下作品:function_award(points){varstep=1;while(points){vardiff=Math.ceil(points/10);setTimeout("_change_score_by("+diff+");"/*sigh*/,step*25);points-=diff;step++;}}但是,它使用隐式评估。邪恶的!让我们改用闭包,对吧?function_award(points){varstep=1;while(points){vardiff=Math.ceil(points/10);setTimeout(function(){_

javascript - 类型错误 : getState is not a function when adding middleware to Redux

在我的configureStore.dev.js文件中使用此代码,在添加applyMiddleware(reduxImmutableStateInvariant)时,我得到一个UncaughtTypeError:getStateisnotafunction。当我删除这个添加的中间件时,我的项目运行正常。添加此中间件的正确方法是什么?这是完整的文件:import{createStore,compose,applyMiddleware}from'redux';importrootReducerfrom'../reducers';importreduxImmutableStateInvari

javascript - 无法将 undefined 或 null 转换为对象 redux

我正在使用Redux做一个简单的商店,不幸的是它抛出了这个错误:Cannotconvertundefinedornulltoobject浏览器指向导入Redux那一行import*asreduxfrom"redux"我也试过用这种方式导入它,但它给出了同样的错误从“redux”导入{createStore}这是代码:import*asreduxfrom"redux"letreducer=(state={},action)=>{switch(action.type){case"ADD_POLL":return{polls:[...state.polls,action.poll]}defa

javascript - 当 redux 状态更新时在组件上调用 forceUpdate()

我有一个问题,redux状态被成功更新,但react组件没有重新渲染,经过一些研究我相信[forceUpdate()][1]可以解决我的问题,但我是不确定实现它的正确方法,即在redux状态更新之后。我尝试在github上查找示例,但没有成功。 最佳答案 正如其他人所说,forceUpdate()基本上是一种hack。只要Prop和状态发生变化,您就可以免费获得更新。React和Redux可以无缝协作,因此请避免任何此类黑客行为。如果您的Redux状态正确更新而您的ReactView没有正确更新,那么您很可能没有以不可变的方式更新。