为FlatList呈现页面时的函数回调

Question

渲染模块时调用的函数。我也在某处阅读使用Arrow函数，但我相信箭头函数已经在表单代码中了，是吗？

onRemoveCard = item => {
    return () =>
        this.props.removeModal(
            'Remove Card',
            'Are you sure want to remove this card?',
        );
};

FlatList中的呈现项组件。

<CardTile
    onRemove={this.onRemoveCard(item)}
    subtitle={autoReoladBalance}
    addGiftCard={false}
/>

在渲染项目时，如何停止呼叫？它应该被称为onPress。

Answer 1

您在this.onRemoveCard(item)中传递道具时正在呼叫CardTile，相反，您应该传递参考资料

<CardTile
  onRemove={this.onRemoveCard} /* passing reference instead of calling*/
  subtitle={autoReoladBalance}
  addGiftCard={false}
/>

希望这会有所帮助！