我尽力使用 React Native 制作登录表单，但是：

• 我无法重定向到“App”，错误消息是：（TypeError：未定义不是对象（评估“this.props.navigation”）]）

  try {
  fetch('http://93.xxx.xx.xx:5151/login', {
  method: 'POST',
  headers: {
  'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  },
  body: formBody,
  })
  .then(function(response) {
  if (response.ok) {
  this.props.navigation.navigate('App');
  } else {
  throw new Error("Failed to fetch [error : " + response.status + "]");
  Alert.alert("错误 [" + response.status + "] - " + response.statusText);
  }
  })
  .then(function(response) {
  if (response.ok) {
  Alert.alert(response.userToken);
  console.log(response);
  } else {
  Alert.alert("错误 [" + response.status + "] - " + response.statusText);
  }
  })
  } catch (error) {
  if (error) {
  console.error(error);
  }
  }
  

有人知道怎么做吗？

• 到目前为止，我只有一个解决方案：

  fetch('http://93.xxx.xx.xx:5151/login', {
  method: 'POST',
  headers: {
  'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'
  },
  body: formBody
  })
  .then(res => {
  if (res.ok) {
  this.props.navigation.navigate('App')
  } else {
  if (res.status == 400) {
  Alert.alert("Error 400 : login denied because -> " + res.message)
  } else {
  throw Error(`Request denied with status ${res.status}`);
  }
  }
  })
  .catch(console.error)
  }
  

但是对于这个解决方案，我不知道如何保存用户令牌...