jjzjj

javascript - $(...)..map(...).reduce 不是函数

我正在尝试使用map&reduce计算页面中几个元素的高度总和。出于未知原因,这引发了以下异常:VM52933:2UncaughtTypeError:$(...).map(...).reduceisnotafunction(…)$('.items').map((index,slide)=>$(slide).height()).reduce((prev,next)=>prev+next,0).map返回一个有效的数组:[48,48,48,75,48]如果我单独制作map([48,48,48,75,48].reduce(...))它会起作用。我在这里做错了什么?

javascript - React/Redux 中的通用 reducer / Action

我正在尝试确定如何提取多条数据以在同一组件中使用。我看到的每个React/Redux示例都请求非常具体的数据,并且有reducer和操作来处理该确切类型的数据。但是,我无法找到有关处理更多通用数据的信息。例如,我的网站上有几个不同的组件(或类别)。其中一个组件是Cards。因此,如果用户单击/cards/hockey的链接,它应该从API请求曲棍球数据(如果它不在商店中),并将其显示在Cards页面中。如果用户单击/cards/football的链接,它应该遵循相同的过程,检查它是否有存储的数据,如果没有从API中提取它,并显​​示卡片包含该数据的页面。另一种组件类型可能是stats,

javascript - 如何在 Redux reducer 中以不可变的方式交换数组元素?

相关的Redux状态由表示层的对象数组组成。示例:letstate=[{id:1},{id:2},{id:3}]我有一个名为moveLayerIndex的Redux操作:actions.jsexportconstmoveLayerIndex=(id,destinationIndex)=>({type:MOVE_LAYER_INDEX,id,destinationIndex})我希望reducer通过交换数组中元素的位置来处理操作。reducers/layers.jsconstlayers=(state=[],action)=>{switch(action.type){case'MOVE

javascript - React useReducer Hook 触发两次/如何将 props 传递给 reducer?

前言/描述我正在尝试将React的新Hook功能用于我正在构建的电子商务网站,但在解决我的购物车组件中的错误时遇到了问题。我认为在讨论前先说明我正在尝试通过使用多个Context组件来保持全局状态模块化这一事实是相关的。我有一个单独的上下文组件用于我提供的项目类型,还有一个单独的上下文组件用于一个人的购物车中的项目。问题我遇到的问题是,当我发送一个将组件添加到我的购物车的操作时,reducer将运行两次,就好像我将商品添加到我的购物车两次一样。但仅当它最初被渲染时,或出于奇怪的原因,例如显示设置为hidden然后返回到block或更改z-index和其他可能的类似更改。我知道这有点冗长

javascript - 如何访问 reducer (redux-router)中的当前位置?

我如何使用reducer中的redux-router获取当前路径和当前位置的查询。我可以使用mapStateToProps在组件内部轻松获取路径名,但我想访问reducer中的当前路径。我正在使用redux-router1.0.0-beta7,react-router1.0.3。 最佳答案 1.way-通过redux-thunk传递带有特定action的路径名和getState()constsomeAction=data=>(dispatch,getState)=>{dispatch({type:'SOME_ACTION',path

javascript - WebSockets : useful for reducing overhead?

我正在构建一个动态搜索(每次击键都会更新):我目前的方案是在每次击键时向服务器发送一个新的AJAX请求并以JSON格式取回数据。我考虑过为每个搜索“session”打开一个WebSocket以节省一些开销。我知道这会节省时间,但问题是,考虑到这些参数,这样做真的值得吗:80ms平均ping时间166毫秒:每次击键之间的时间,假设用户键入相对较快最坏情况下的传输速率为1MB/s,每次击键时必须接收的每个数据包不超过1KB。该应用还需要大约30-40毫秒才能将搜索结果焊接到DOM。我找到了这个:HTTPvsWebsocketswithrespecttooverhead,但这是一个不同的用例

javascript - 用于依赖状态切片的 Redux reducer/state-shape 设计

我喜欢Redux中的reducer组合的概念,但是遇到了这样一种情况,我喜欢将一个reducer分开,但是子reducer会依赖其他reducer的状态切片进行更改。例如在我的状态下,我需要跟踪以下内容:可能的排名范围(即[2,3,4,5,6])当前选择的排名(上述值之一)。根据所选级别,一系列可能的培训级别。关系是范围从[1..(selectedRank-1)]当前选择的培训级别在上述范围内最初,我有一个更大的reducer,它封装了所有这些方面:functionrankAndTraining(state={selectedRank:4,availableRanks:[2,3,4,5

javascript - 测试 Redux 组合 reducer

假设我有几个reducer函数,我使用combineReducers(...)将它们全部组合到一个reducer中,有没有一种方法可以测试组合的reducer实际包含哪些reducer?例如,如果我有这个:import{combineReducers}from'redux'constreducer1=(state,action)=>{...}...(morereducers,etc)constrootReducer=combineReducers({reducer1,reducer2,reducer3})exportdefaultrootReducer我可以使用Mocha和Expect

javascript - 如何在任意数量的链元素上使用 map 或 reduce 运行 promise-then 链?

我坚持以下几点:脚本返回任意数字n或数组,如下所示:[["a"],["b"],["c"],["d"]]我需要使用promisethen()遍历数组,但由于我不知道会有多少元素,所以我最终这样做了:varbundle_list=[["a"],["b"],["c"],["d"]];varx=bundle_list.reduce(function(current,next){console.log(current);//requestBundlewillalsoreturnapromisereturnrequestBundle(current).then(function(bundle_re

javascript - 在javascript中使用reduce函数查找数组的最小和最大数量

纯属好奇。使用reduce函数,我们可以很容易地分别找到数组中的最小和最大数。就这样:vara=[1,2,3,4,5,1,-1,6,7,8,9,10,2,11];a.reduce(function(prev,cur,index,array){returnprev>cur?prev:cur;});//returns11a.reduce(function(prev,cur,index,array){returnprev鉴于此,为什么这不起作用?vara=[1,2,3,4,5,1,-1,6,7,8,9,10,2,11];varsmallest=0;varbiggest=0;a.reduce(