Redux Toolkit中initialState多类型传递的类型报错解决咨询

你的报错核心是initialState的结构与定义的dictionaryState类型完全不匹配，具体问题和修复方法如下：

错误原因拆解 #

1. word字段类型不匹配：你定义的searchType是包含word: string的对象类型，但initialState中直接赋值了字符串''，不符合类型要求。
2. dictionary字段类型不匹配：meaningsType是单个对象类型，你却赋值了数组[]，同样与类型定义冲突。

修复步骤 #

1. 调整initialState结构，匹配类型 #

结合业务场景（初始无搜索结果），推荐将dictionary设为可空类型，初始状态更合理：

首先修改dictionaryState的类型定义：

export type dictionaryState = {
  word: searchType;
  dictionary: meaningsType | null; // 允许null表示初始未获取数据
}

然后修正initialState：

const initialState: dictionaryState  = {
  word: { word: '' }, // 符合searchType的对象结构
  dictionary: null, // 初始无数据设为null
}

2. （可选）简化searchType类型 #

如果searchType仅用于存储单个搜索词，可简化为string类型，减少不必要的对象嵌套：

// types/dictionary.ts中修改
export type searchType = string;

// dictionarySlice.ts中对应调整
export type dictionaryState = {
  word: searchType;
  dictionary: meaningsType | null;
}

const initialState: dictionaryState  = {
  word: '', // 直接赋值空字符串即可
  dictionary: null,
}

3. 验证类型正确性 #

修改后TypeScript报错会消失，你可以继续定义reducers。比如添加更新搜索词和字典数据的reducer：

reducers: {
  setSearchWord: (state, action: PayloadAction<searchType>) => {
    state.word = action.payload;
  },
  setDictionaryData: (state, action: PayloadAction<meaningsType>) => {
    state.dictionary = action.payload;
  }
}

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