React native：當視圖呈現時禁用自動點擊每張卡

Question

我得到了API的響應，然後我使用nativebase.io cardlist解析並顯示屏幕上的某些功能。當顯示所有結果時，我希望每張卡都可點擊，每次點擊都會導致下一個屏幕的細節取決於特定卡的內容。但是，當由於某種原因呈現卡片列表時，無需用戶交互即可點擊每張卡片。所以我正在尋找解決方案，只有當我觸摸任何特定的卡時才允許卡點擊。

class Results extends Component{ 

constructor(props){ 
    super(props); 
    this.state = { 
    data: this.props.results 
    } 
} 

renderRow(item){ 
    const bars = [ require('../assets/bar0.png'), 
        require('../assets/bar1.png'), 
        require('../assets/bar2.png'), 
        require('../assets/bar3.png')] 
    var bar = item.weight === -1 ? bars[0] : bars[item.weight]     
    return (
    <CardItem button onPress={console.log("Pressed")} style={{width: 400}}> 
     <Thumbnail source={bar}/> 
     <Text>{item.label}</Text> 
     <Text note style={{textDecorationLine: 'line-through'}}>{item.excluded}</Text> 
    </CardItem> 
)  
} 

render(){ 
    console.log(this.state.data) 
    return (
     <Container> 
     <Header> 
      <Title>symptoma</Title> 
     </Header> 
     <Content> 
      <Card dataArray={this.state.data} 
      renderRow={(item) => 
         this.renderRow(item) 
         }> 
      </Card> 
     </Content> 
     </Container> 
    ); 
    } 
} 

export default Results 

Answer 1

頂替

onPress={console.log("Pressed")} 

與

onPress={() => console.log("Pressed")}