title: React Native this2.'function' is not a function
body: <p>I have a problem with my React Native Component.</p>
  
  <pre><code>sayHi = (s) =&gt; {
      console.log('hey' + s)
  }
  
  renderListItem(item, i) {
  
      return (
          &lt;TouchableOpacity
              key={i}
              style={styles.listItem}
              onPress={() =&gt; { this.sayHi('bob') }}&gt;
  
          &lt;Text&gt;{item}&lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
      )
  }
  
  render() {
      this.sayHi('patrick')
  
      const { list } = this.props
  
      return (
          &lt;View&gt;
          {list.map(this.renderListItem)}
          &lt;/View&gt;
      )
  }
  </code></pre>
  
  <p>In <code>renderListItem</code> I get an error <strong>_this2.sayHi is not a function</strong>.</p>
  
  <p>Searched online but most posts do not fit my situation; I took a look at <a href="https://stackoverflow.com/questions/43218451/react-native-this-function-is-not-a-function">this post</a> but I already have an arrow function so it's not a context problem. </p>
  
  <p>The function console logs just fine in the <code>render()</code>.
  I tried to bind the <code>this</code> in the constructor but I still get the error.</p>