草庐IT

flutter-redux

全部标签

javascript - Redux reducer 中的传播运算符

我想了解扩展运算符在Redux状态下做了什么?我回答了这个问题PurposeoftheSpreadsyntaxinReact-ReduxReducers但出于某种原因不能说服Answer。谁能用非常简单的术语向我解释为什么我们要这样做caseWHATEVER:return{...state,DateSucess:action.payload,不仅仅是caseWHATEVERreturn{DataSucess:action.payload 最佳答案 扩展运算符与ES6中的相同,仍然是相同的行为(检查MDNdocs)。关于使用...st

javascript - 如何实现新的 react-redux v6.0.0

我正在尝试将react-reduxv5.X.X迁移到v6.0.0并且似乎没有任何文档。我正在使用以下版本:“react”:“^16.4.2”"redux":"^4.0.0""react-redux":"^6.0.0"官方更改日志说。Passingstoreasaproptoaconnectedcomponentisnolongersupported.Instead,youmaypassacustomcontext={MyContext}proptobothand.Youmayalsopass{context:MyContext}asanoptiontoconnect.linkisher

javascript - Spread Operator 不适用于基于 Redux/ES6 的示例

我正在尝试理解DanAbramov发布的Redux在线教程。目前我在下面的示例中:ReducercompositionwithArrays下面是我按照上述示例的练习代码://IndividualTODOReducerconsttodoReducer=(state,action)=>{switch(action.type){case'ADD_TODO':return{id:action.id,text:action.text,completed:false};case'TOGGLE_TODO':if(state.id!=action.id)returnstate;//Thisnotwor

javascript - 如何使用 Redux-Saga 避免重复的 API 请求?

到目前为止,与其他Flux实现相比,我更喜欢Redux,并且我正在使用它来重写我们的前端应用程序。我面临的主要困难点:维护API调用的状态以避免发送重复请求。维护记录之间的关系。第一个问题可以通过在每种数据类型的子状态中保留一个状态字段来解决。例如:functionpostsReducer(state,action){switch(action.type){case"FETCH_POSTS":return{...state,status:"loading",};case"LOADED_POSTS":return{status:"complete",posts:action.posts,

javascript - 从 redux-observable 史诗中访问状态

我正在使用redux构建一个小的fusball-manager。基本上它是一个页面,显示两个团队的分数和一些按钮来增加它们。我有像{type:"GOAL_UP",team:"red"}这样的操作,reducer将为此更改状态中的相应值(分数)。现在我想添加一个史诗,每当它遇到GOAL_UP时检查两支球队中的一支是否赢得了比赛。如果团队得分达到8,我希望它发送一个GAME_WON操作。我的问题是我必须访问状态才能知道每支球队的得分。我找不到从史诗中访问状态的方法。访问状态是否超出了redux-observable的范围?如果是这样,您将如何解决这个问题?我正在考虑将新分数作为GOAL_U

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 - 测试调用 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 - 类型错误 : 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