Cannot get 'this' in <ListView> renderRow function

[ReadingSteiner]

I wrote a function called renderMyRow to render rows in a ListView, but I found it is strange that I can't get this in this function.

Then I fixed it by add a bind(this) in my code, but i wonder why i cannot get 'this' in my renderMyRow ?

here is the code

class SearchResult extends Component {

    constructor(props) {
        super(props);
        var dataSource = new ListView.DataSource({
            rowHasChanged: (r1,r2) => r1.guid !== r2.guid
        });
        this.state = {
            dataSource: dataSource.cloneWithRows(this.props.listings)
        };
    }

    render() {
        return (
            <ListView dataSource={this.state.dataSource} renderRow={this.renderMyRow} />
        )
    }

    rowPressed(propertyGuid) {
        var property = this.props.listings.filter(prop => prop.guid === propertyGuid)[0];

        this.props.navigator.push({
            title: 'Property',
            component: PropertyView,
            props: {property: property}
        })
    }

    renderMyRow(rowData, sectionID, rowID) {
        console.log(this); // Output: null
        var price = rowData.price_formatted.split(' ')[0];
        return(
            <TouchableHighlight underlayColor='#DDDDDD' onPress={ () => this.rowPressed(rowData.guid) }>
                <View>
                    <View style={styles.rowContainer}>
                        <Image style={styles.thumb} source={{uri : rowData.img_url}}/>
                        <View style={styles.textContainer}>
                            <Text style={styles.price}>£{price}</Text>
                            <Text numberOfLines={1}>{rowData.title}</Text>
                        </View>
                    </View>
                    <View style={styles.separator}/>
                </View>
            </TouchableHighlight>
        );
    }
}

[gabro]

This is intended behavior when using ES6 classes. See https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding

tl; dr

ES6 Component class does not autobind this like React.createClass does.

[ReadingSteiner]

Thanks a lot!

[jibebec]

Hello, Iam very newbie with react-native and even React framework. I have the same issue with Renderrow and this...
I read the doc that you gave but i wonder how i can make the onPress call work without this.onPress.
Thank you for your Help!

[rupamgho123]

Add this.renderMyRow = this.renderMyRow.bind(this); in constructor