react.js - React组件功能实现问题！

问题描述

问 题

有三种组件：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？

解决方案

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

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

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

这篇关于react.js - React组件功能实现问题！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！