React native 子组件中的React本机VirtualList密钥提取器值
如何在React native 子组件中的React本机VirtualList密钥提取器值,react-native,React Native,如何在平面列表中的子组件内手动设置键?我之所以需要它,是因为我所有的孩子都有Modals,我正在render()中返回一个数组 } keyExtractor={(项,索引)=>item.id?item.id.toString():'no id'} /> Card.js render() render(){ 返回( [ ,您将项作为道具传递,因此您应该能够在Card.js渲染中使用项中的唯一字段 render(){ return( [
平面列表中的子组件内手动设置键?我之所以需要它,是因为我所有的孩子都有Modal
s,我正在render()
中返回一个数组
}
keyExtractor={(项,索引)=>item.id?item.id.toString():'no id'}
/>
Card.js render()
render(){
返回(
[
,您将项作为道具传递,因此您应该能够在Card.js渲染中使用项中的唯一字段
render(){
return(
[
<Modal key={`partner-modal-${this.props.item.id}`} />, <--- here
<TouchableOpacity
key={`${this.props.item.id}`} <--- and here
onPress={() => {
this.setModalVisible(true);
}}>
...
</TouchableOpacity>
]
)
}
render(){
返回(
[
,
render(){
return(
[
<Modal key={'partner-modal-???'} />, <--- here
<TouchableOpacity
key={???} <--- and here
onPress={() => {
this.setModalVisible(true);
}}>
...
</TouchableOpacity>
]
)
}
render(){
return(
[
<Modal key={`partner-modal-${this.props.item.id}`} />, <--- here
<TouchableOpacity
key={`${this.props.item.id}`} <--- and here
onPress={() => {
this.setModalVisible(true);
}}>
...
</TouchableOpacity>
]
)
}