我有一个看起来像这样的FlatList。我试图让它在我的平面列表项下面有一个按钮,当我点击它时,应该打开一个模态并将项目从该特定项目渲染到模态。
conditionalHorrorRender() {
if(this.state.topHorrorLoaded===true) {
return(
<View>
<Modal
visible={this.state.showModal}
animationType={'slide'}
onRequestClose={() => this.closeModalFunc()}
>
<View>
<View>
<Text>{item.original_title}</Text>
<Button
onPress={() => this.closeModalFunc()}
title="Close modal"
>
</Button>
</View>
</View>
</Modal>
<FlatList
onEndReached={this.endreachedboy}
horizontal={true}
data={this.state.topHorror}
renderItem={({ item }) => (
<View>
<Text>{item.original_title}</Text>
<Button
onPress={() => this.openModalFunc()}
title="Open modal"
/>
</View>
)}
keyExtractor={item => item.id}
/>
</View>
)
}
}
openModalFunc() {
this.setState({showModal: true})
};
closeModalFunc() {
this.setState({showModal: false})
}
目前它说cant find variable: item
,我认为这是因为我不在平面列表的范围内,并且它不知道平面列表中的item
是什么。我应该把它放在哪里让这个工作?或者,如果我应该以某种方式将项目作为道具传递给模态?