爲什麼ListView中的TouchableHighlight不會讓我進入下一頁？

Question

我正在嘗試用於Android的React Native（版本0.37.0），並試圖製作一個簡單的應用程序來學習。在成功製作Button進入下一頁之後，現在我希望用戶通過點擊ListView中的項目（比如點擊在線商店中的一個項目，然後進入下一頁，顯示項目信息）進入下一頁。這裏是我的代碼：

 <View> 

     // ListView 
     <ListView contentContainerStyle={styles.list} 
      dataSource={this.state.dataSource} 
      enableEmptySections={true} 
      renderRow={(rowData) => 
       <TouchableHighlight 
        style={styles.listviewContainer} 
        onPress={() => { 
         Alert.alert('kyaa'); 
         this.gotoItemPage.bind(this); 
        }} 
        > 
        <View> 
         /*some Text and Image*/ 
        </View> 
       </TouchableHighlight> 
      } 
     /> 

     // Button Add 
     <TouchableOpacity onPress={this.gotoItemPage.bind(this)} > 
      <Image 
      style={styles.button} 
      source={/*some source*/} 
      /> 
     </TouchableOpacity> 

     </View> 

在上面的代碼中有兩件事可點擊：ListView的item和Button Add。兩者都執行相同的方法。按鈕添加按預期工作，用戶在點擊時導航到下一頁。然而，當ListView的項目點擊時，它不會。顏色變化就像單擊按鈕時顯示Alert'kyaa'一樣，但不會進入下一頁（即使警報已刪除，仍然相同）。

我做錯了什麼？

Answer 1

你是不是叫你的功能，你只是在結合它，你不需要做的，因爲你正在使用箭頭功能。你的回調應該是這樣的：

<TouchableHighlight 
        style={styles.listviewContainer} 
        onPress={() => { 
         Alert.alert('kyaa'); 
         this.gotoItemPage(); 
        }}> 
//... 

不會有什麼bind創建將具有範圍傳遞作爲第一個參數的東西（在這種情況下，你在哪裏實例行的組件）的新功能，但它不會調用函數本身。當從另一個函數調用時，箭頭函數不會替換範圍，因此您不需要執行任何類型的綁定。

Answer 2

嘗試刪除警報，然後看它是否工作。如果需要對應用程序的警告，也許你可以嘗試重構有點像這樣：

Alert.alert(
     'Alert Title', 
     'Main message of the alert', 
     [{text: 'OK', onPress: this.gotoItemPage.bind(this) }] 
    ) 

在任何情況下，嘗試在組件構造結合的功能。

https://medium.com/@housecor/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56#.ii36rho3r