什么是 extraReducers 映射对象概念

Question

在阅读 redux toolkit 官方文档时，我在createSlice 部分看到了这个：

const incrementBy = createAction('incrementBy')

createSlice({
  name: 'counter',
  initialState: 0,
  reducers: {},
  extraReducers: {
    [incrementBy]: (state, action) => {. ///what is this
      return state + action.payload
    },
    'some/other/action': (state, action) => {},
  },
})

我不明白为什么我们在这里有array。为什么我们在这里使用string 以及为什么我们在数组中使用它（[incrementBy]）？

请帮忙，非常感谢

Answer 1

这不是数组，而是计算属性。这将在运行时将key 添加到对象

let prop = "name";
const obj = {
  [prop]: "Stackoverflow",
};
console.log(obj);

extraReduce 是一个对象，在代码中incrementBy 将给出属性名称，您也正在为该属性名称分配一个函数。

let prop = "getSum";
const obj = {
  [prop]: (arr) => {
    return arr.reduce((acc, curr) => acc + curr, 0);
  },
};
console.log(obj[prop]([1, 2, 3, 4, 5]));
console.log(obj.getSum([1, 2, 3, 4, 5]));