Проблема в приоритете выполнения кода React

Question

как я понимаю приоритет выполнения кода

1 - конструктор

constructor(props) 
  {
    super(props);
    this.authed = this.props.navigation.getParam('authed', '');
  }

2 - тогда функция рендеринга

render() {
    return ({ this.authed == '' && <this.Nauthedcard /> });
}

3 - проблема здесь -он видит this.navigation как неопределенное

Nauthedcard()
{
   console.log(this.props.navigation); // makes error (this.props is undefined)

   return(<Button onPress={() => this.props.navigation.navigate('Home')} rounded small iconRight>
          <Text> Login </Text>
          <Icon type="FontAwesome" name="sign-in" />
        </Button>); // so unfortunately onPress event here makes error with me
}