Redux状态中无法修改initialState内winArray数组的技术求助

咱们先拆解下你代码里的核心问题：

• 你已经通过temp[id] = action.payload.value把对应索引的元素替换成目标值了，但后面多写了temp.splice(id, 0, action.payload.value)——这会在索引id的位置插入一个新元素，直接让数组长度从9变成10，完全打乱了你原本的数组结构，这肯定不是你想要的效果。
• 另外，Redux Toolkit内置了Immer库，允许你直接“修改”state（底层会自动帮你生成不可变的新状态），不用手动解构返回新对象，写法可以更简洁。

下面给你两种可行的解决方案：

写法一：利用Immer直接修改状态（推荐） #

这是Redux Toolkit的最佳实践，代码最简洁：

import { createSlice } from '@reduxjs/toolkit';

const initialState = { winArray: ['','','','','','','','',''] };

const gameWinSlice = createSlice({
    name: 'gameWin',
    initialState,
    reducers: {
        winStatus(state, action) {
            const { id, value } = action.payload;
            // 直接修改数组对应索引的值，Immer会自动处理不可变性
            state.winArray[+id] = value;
            // 验证的话可以打印修改后的数组
            console.log(state.winArray);
        }
    }
});

export const gameWinActions = gameWinSlice.actions;
export default gameWinSlice.reducer; // 注意：这里要导出slice的reducer，不是slice本身！

写法二：手动维护不可变性（如果你更习惯这种方式） #

如果你想手动处理不可变更新，也可以这么写（虽然没必要，但给你做参考）：

import { createSlice } from '@reduxjs/toolkit';

const initialState = { winArray: ['','','','','','','','',''] };

const gameWinSlice = createSlice({
    name: 'gameWin',
    initialState,
    reducers: {
        winStatus(state, action) {
            const id = +action.payload.id;
            // 先创建数组副本，再修改对应位置的值
            const newWinArray = [...state.winArray];
            newWinArray[id] = action.payload.value;
            console.log(newWinArray);
            // 返回新的状态对象
            return {
                ...state,
                winArray: newWinArray
            };
        }
    }
});

export const gameWinActions = gameWinSlice.actions;
export default gameWinSlice.reducer;

额外提醒： #

• 你原来的代码最后导出的是gameWinSlice，但在Redux store配置中，我们需要的是slice的reducer属性，所以一定要改成export default gameWinSlice.reducer，否则store会配置失败。
• 可以加个简单的索引校验，比如if (id >= 0 && id < state.winArray.length)，避免数组越界的问题。

内容的提问来源于stack exchange，提问作者Lalith Aditya