react native component has no access to props - TypeError: Cannot read property ‘navigation’ of undefined

Question

enter image description here

TypeError: Cannot read property ‘navigation’ of undefined? Looks like my component has no access to this.props.navigation.( react-navigation) Basically I get this error whenever I call: const { navigate } = this.props.navigation.

Any idea how to give the component access to this.props.navigation ?

Answer 1

ES6 classes don't autobind this. There's a few solutions to this like binding in the constructor or just changing it to an arrow function:

renderRow = ({ item }) => {
  // rest of code
}