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