为什么即使我没有渲染任何东西，也会出现“对象作为React child无效”错误？

Question

所以我有一个叫做onHideUnderlay的函数。基本上，这只是一个分配操作的有效负载生成器，但是以某种方式我遇到了此错误。 这是功能：

addItemToCart = () => {
    let thisPayload = {};
    thisPayload.cartCount=this.props.cartCount+1;
    let existingContent=this.props.cartContent;
    let itemToAdd = {};
    itemToAdd.title=this.props.currentPickedMenuItem.title;
    itemToAdd.description=this.props.currentPickedMenuItem.description;
    existingContent.push(itemToAdd);
    thisPayload.cartContent=existingContent;
    store.dispatch(addItemToCart(thisPayload));
}

这是JSX。

<TouchableHighlight
  style={styles.cartButton}
  activeOpacity={0.5}
  onPress={() => {
    return true;
  }}
  underlayColor={"forestgreen"}
  onHideUnderlay={this.addItemToCart}
>
  <View style={styles.cartActualButton}>
    <Text style={styles.cabText}>ADD TO CART</Text>
    <Icon
      size={30}
      style={styles.cabIcon}
      name="cart-plus"
      type="font-awesome"
      color="white"
    ></Icon>
    <Text style={styles.cartCount}>({this.props.cartCount})</Text>
  </View>
</TouchableHighlight>;

任何帮助将不胜感激。