redux Actions may not have an undefined “type“ property. Have you misspelled a constant?

react-redux 报错

Actions may not have an undefined "type" property. Have you misspelled a constant?
image.gif

出现类似的错误,很大几率是因为redux 操作action 动作时候的type 名称问题

image
image.gif
image
image.gif

检查action 中的type 是否和reducer 操作中的type 名称是一致

两处用到的 type 需要一致

// ./action.js 
// 类型为type:types.USER
export const userAction=(data)=>({type:"类型名称",data});

// ./reducer.js
let token =null;

export default function Token(_token=token,action){
    //解构中的type用来做判断条件
    const {type,data}=action;
    switch(type){
        case "判断条件":
        return data;
        default:
        return _token;    
    }

}
image.gif

推荐阅读更多精彩内容

  • 豆约翰习惯将掌握某一技术分为5个层次:初窥门径,小试牛刀,渐入佳境,得心应手,玩转自如 本篇属于React框架中的...
    __豆约翰__阅读 904评论 0 5
  • 安装 源码:https://github.com/redux-utilities/redux-actions[ht...
    龙猫六六阅读 598评论 0 1
  • 一、什么情况需要redux? 1、用户的使用方式复杂 2、不同身份的用户有不同的使用方式(比如普通用户和管...
    初晨的笔记阅读 1,528评论 0 11
  • 一.引入: react本身是一个非常轻量级的视图层框架,因为组件传值太麻烦了。在react基础上配套一个数据层的框...
    Zlaojie阅读 40评论 0 0
  • 前言 本文 有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我讨论。 文中所有内...
    珍此良辰阅读 10,420评论 23 110