redux 和 react-redux

Redux

一、redux 工作流

二、创建 redux

npm install redux

• src/redux/languageReducer.ts 数据处理逻辑

  // 数据类型
  export interface LanguageState {
       
      language: "en" | "zh"
      languageList: {
        name: string,  code: string }[]
  }
  
  // 默认数据
  const defaultState : LanguageState = {
       
      language: "zh",
      languageList: [
          {
        name: "中文", code: "zh" },
          {
        name: "English", code: "en" }
      ]
  };
  
  export default = 
  1
  2
  3
  4
  5
  6
  7
  8
  9
  10
  11
  12
  13
  14
  15
  16
  17
  18
  19
  20