Props with type Object/Array must use a factory function to return the default value.

问题描述:

报错:Props with type Object/Array must use a factory function to return the default value.
在这里插入图片描述
使用 prop 进行父子组件传值时,设置了默认值(如下),导致报上边的错

props: {
    
    
    actData: {
    
    
      type: Object,
      default: {
    
    },
    },
},

报错原因

翻译报错信息:props default 数组/对象的默认值应当由一个工厂函数返回

解决问题

知道了上边的报错原因,只需要将default 设置成一个返回函数即可

1. 使用箭头函数(推荐)
props: {
    
    
    actData: {
    
    
      type: Object,
      default: () => {
    
    },
    },
},
2.普通函数形式
props: {
    
    
    actData: {
    
    
      type: Object,
      default: function () {
    
    
		return {
    
    };
	  },
    },
},

猜你喜欢

转载自blog.csdn.net/RedaTao/article/details/121004542