我有一个 react-native 屏幕,我想在其中使用 react-native-collapsible 手风琴组件来显示资产列表。rendercontent
在手风琴的 required属性中,我传入了一个sellAsset
在屏幕组件内部定义的函数,其中我使用this
关键字来引用屏幕组件。但它没有用,总是告诉我this.sellAsset is not a function
。请看下面的代码。
尝试了一些功能绑定,但没有奏效。似乎this
传递给手风琴组件并没有指向屏幕组件。
那么如何this.sellAsset
正确调用呢?
renderContent(item) {
return (
<View style={[styles.imageContent]}>
<View style={[styles.detailContainer, {paddingVertical: 0}]}>
<Image source={getImage(_.get(item, ['Asset', 'image']))} resizeMode="contain" style={styles.assetImage}/>
</View>
<View style={styles.priceContainer}>
<CustomSignInButton
text="SELL"
onPress={() => {this.sellAsset();}}
buttonBackgroundColor="transparent"
buttonBorderColor="white"
buttonTextColor="white"
buttonHeight={30}
/>
</View>
</View>
);
}
render() {
return (
<LinearGradient colors={[Colors.splashGradient.top, Colors.splashGradient.middle, Colors.splashGradient.bottom]}
style={{flex: 1}}>
<View style={styles.container}>
<IOSStatusBar backgroundColor="transparent"/>
{this.state.transactionDetails !== null ?
(this.state.transactionDetails.length > 0 &&
<Accordion sections={this.state.transactionDetails} renderHeader={this.renderHeader}
renderContent={this.renderContent} underlayColor={Colors.rowSeparatorBlue}
/>
) : <View/>
}
</View>
</LinearGradient>
);
}
}