Redux:在二维数组上使用扩展运算符
Posted
技术标签:
【中文标题】Redux:在二维数组上使用扩展运算符【英文标题】:Redux: Using Spread Operator on 2D array 【发布时间】:2017-03-16 13:44:50 【问题描述】:React.js 新手,我很难在减速器中使用扩展运算符来更新具有 2D 数组属性的状态。
比如初始状态是这样的:
let initialState =
grid: new Array(5).fill(new Array(5).fill(0)),
player: coords: [2,3], health: 100
绑定动作后,假设负载转到PRESS_LEFT
case PRESS_LEFT:
let oldCoords = [state.player.coords[0], state.player.coords[1]];
let newCoords = [state.player.coords[0], state.player.coords[1]-1];
let thereIsWall = validateWall(state.grid, newCoords);
if (thereIsWall)
return state
else
return
...state,
player: ...state.player, coords: newCoords ,
grid: ...state.grid, state.grid[oldCoords[0]][oldCoords[1]] = 1
我可以更新玩家的状态,但不能更新网格。本质上我想从oldCoords
更新坐标并将其分配给1。
【问题讨论】:
【参考方案1】:因为旧值被赋值为 null
让初始状态 = 网格:新数组(5).fill(新数组(5).fill(0)), 玩家: 坐标:空, 健康:100
然后您尝试读取 null 的第零个索引,这将引发错误。
let oldCoords = [state.player.coords[0], state.player.coords[1]];
更新:
grid 是一个数组,但您将对象 ..change 返回到以下语法
grid: [ ...state.grid, state.grid[oldCoords[0]][oldCoords[1]]=1 ]
【讨论】:
抱歉,我忘记编辑我的帖子,其中发送操作时 player.coords 已经初始化。以上是关于Redux:在二维数组上使用扩展运算符的主要内容,如果未能解决你的问题,请参考以下文章