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>
            ]
        )
    }