Vue3 TS props传参报错TS2722: Cannot invoke an object which is possibly ‘undefined‘.

项目场景：

我用Props在子组件接受父组件传来的函数, 并向函数内传参调用.

---

问题描述

TS解析时认为props内的这个函数可能会是undefined, 所以直接报错.

---

原因分析：

这个函数在beforeCreate周期之前确实是undefined, 那时候props都还不能用.

---

解决方案：

有两种方法.

一种是TS类型断言法, 如果是函数的话, 需要在括号前加"!"断言其不为空:
加在括号后就成了断言函数返回值了…

props.addToDo!(todo);

另一种方法, 直接在前面做手动检查:

if (!props.addToDo) throw new Error("addToDo not find");
props.addToDo(todo);