草庐IT

redux-store-visualizer

全部标签

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 - 使用 Visual Studio 2010 时禁用 IE9 Javascript 调试器

在IE9下使用VisualStudio时,有没有办法禁用javascript调试? 最佳答案 如果单击工具(Alt+X)按钮,则单击Internet选项菜单项。在Advanced选项卡和Browsing类别中:检查禁用脚本调试(InternetExplorer)这应该禁用Javascript调试器 关于javascript-使用VisualStudio2010时禁用IE9Javascript调试器,我们在StackOverflow上找到一个类似的问题: htt

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 - Google Visualization API 不遵守 GID 或工作表参数

我正在使用GoogleVisualizationJavascriptAPI从Google表格加载图表并将其显示在div中。我的应用托管在GoogleAppEngine上。我使用参数gid=1提供工作表的URL以指定第二张工作表,但显示的图表是第一张工作表。这是我的简化代码(它基本上是文档中提供的示例代码)://sheetUrlistheURLoftheGooglesheet,e.g.,http://https://docs.google.com/a/google.com/spreadsheet/ccc?key=0AobNU9T3MusKdGFqRHNJYkFnb3RuSkt4QlE#g

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(){_