react-native renderRow with button：將 rowData 推送到按鈕功能

Question

• [ 24.1 ] 你使用的是什么版本的 React Native？
• [兩者] 這是否發生在 iOS、Android 或兩者上？
• [ Mac ] 您使用的是 Mac、Linux 還是 Windows？

我這樣做：

_onPress(data) {
    Actions.shopProducts(data);
}

...

renderRow(rowData){
return (
<Button onPress={this._onPress.bind(this)}>
    <View style={styles.row}>
        <View style={styles.listViewContainer}>
            <Image
                source={{uri: rowData.image}}
            />

            <View style={styles.rightContainer}>
                <Text style={styles.smallText}>Name: {rowData.name}</Text>
                <Text style={styles.smallText}>Straße: {rowData.address}</Text>
                <Text style={styles.smallText}>Ort: {rowData.location}</Text>
            </View>
        </View>
    </View>
    </Button>
);
}

...

我收到以下錯誤：

可能未處理的承諾拒絕（id：0）：未定義不是對象（評估'this._onPress.bind'）renderRow @...

我實際上使用的是 react-native-router-flux 和 react-native-button。

是什么導致了這個錯誤？ 我無法理解這...

此致

編輯：現在我想知道如何將 rowData 推送到我的按鈕功能......知道嗎？

Answer 1

不要忘記“綁定” renderRow本身，例如：

<ListView 
  dataSource={this.state.dataSource} 
  renderRow={this.renderRow.bind(this)} 
  ... 
/>

_onPress數據傳遞給_onPress方法，請執行以下操作：

<Button onPress={this._onPress.bind(this, rowData)}>