FlatList's ListFooterComponent doesn't render arrow function with refs

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment:
  OS:  Linux 4.8
  Node:  8.9.0
  Yarn:  1.3.2
  npm:  5.6.0
  Watchman:  4.9.0
  react-native: 0.48.4
  react: 16.0.0-alpha.12

Steps to Reproduce

Create a FlatList with any items in content and a footer element with refs:

export default class MyElement extends Component {
    constructor(props) {
        super(props)
        this.state = { someData: [{id: 1, content: 'foo'}, {id: 2, content: 'bar'}], myInputState: '' }
    }
    _renderItem = ({item}) => <Text>{item.content}</Text>

    _renderFooter = () => {
        return (
            <TextInput ref='myReferencedInput' value={this.state.myInputState} onChangeText={(text) => this.setState({myInputState: text})} />
        )
    }

    render () {
        return (
            <FlatList
                data={this.state.somedata}
                renderItem={this._renderItem}
                keyExtractor={(item) =>  item.id}
                ListFooterComponent={this._renderFooter}
            />
        )
    }
}

Expected Behavior

The footer content get’s rendered with no problems, as it would happen in ListView

Actual Behavior

“Stateless functions cannot have refs” error.

If I call this._renderFooter() just below the FlatList, it works, but is not what I want, I want it as a footer.

[maieonbrix]

I just tried it and it worked, here is my working example

class Example extends Component {
 _renderFooter = () => {
   return <TextInput ref={node => this.t = node} />
}
  render() {
        return <FlatList 
                ListFooterComponent={this._renderFooter}
       />

here is the console.log(this)

[luizguilhermefr]

It works. Closing.