React Native将父组件方法作为prop传子组件报addPart不是函数错误

• prop传递链路的拼写或断链问题
• 核对父组件传给子组件的prop键名拼写：若将addPart写为大小写不一致、拼写错位的名称，子组件读取对应prop时会拿到undefined，调用时自然触发“不是函数”的报错。
• 核对嵌套层级的传值透传逻辑：如果存在父组件→中间桥接组件→业务子组件的多层嵌套，中间组件未将接收到的addPart继续作为prop向下传递，也会导致最内层子组件无法获取到该方法。
• 父组件方法的定义或挂载异常
• 类组件场景下，检查addPart的this绑定逻辑：未通过.bind(this)绑定、或未使用类箭头函数属性语法定义该方法时，方法本身在类实例上的挂载会出现异常，传递时实际给到子组件的值可能为undefined。
• 检查addPart的定义作用域：若误将该方法定义为render函数内部的局部变量，而非类实例的顶层方法，传递prop时无法访问到该变量，最终传值就是undefined。
• 子组件调用时的上下文指向错误
• 检查子组件内调用this.props.addPart的位置：如果是在render内部的嵌套回调（如数组map的内层函数、定时器回调、原生事件回调）中直接使用this，未将this正确绑定到子组件实例，会出现明明prop上存在该函数，却因为上下文丢失访问到undefined的情况。
• 快速定位校验手段
• 在父组件传参前打印日志，确认typeof this.addPart的输出为function，排除传值源头的问题
• 在子组件接收prop的入口位置打印日志，确认拿到的addPart值的实际类型和存在性

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