React组件功能实现问题！

Question

有三种组件：Page1...、Header、Alert

所有Page组件里面都用到Header，部分Page里面用到Alert

希望实现的功能是，点击Header后，用到Alert的部分Page会弹出Alert组件

目前是点击Header后，没有用到Alert的Page会报Header的回调不是function

---

简单说就是一个组件内部写了this.props.transfer()，然后调用的时候，有的写了transfer={() => this.handleFun()}有的什么没写，怎么让没写的页面不会报this.props.transfer is not a function？

Answer 1

有的写了transfer={() => this.handleFun()}有的什么没写

把没有写 transfer 的写上，但是不掉用 this.handleFun() 就行了

<Component transfer={() => {}} />