Question

我有以下代码，在异步功能结束后无法显示警报。

{
  new BaseService().request(
    serviceURL,
    "POST",
    headerParams,
    bodyParams,
    serverResponse => {
      this.setState({ isLoading: true });

      AuthenticationService.completeAuthentication(
        serverResponse,
        clientResponse => {
          this.setState({ isLoading: false }); // THIS WORKS AND HIDES LOADER
          alert("Authenticated Successfully!"); //THIS DOESN'T SHOW UP AN ALERT
        },
        error => {
          alert(error);
        }
      );
    }
  )
}

有线索吗？

Answer 1

请记住，并非所有浏览器功能都可以在React Native中使用，而您使用的alert API就是这种情况。

如果您想要类似的功能，则应尝试使用React Native's Alert component

Answer 2

将警报移到setState的回调中

像波纹管

clientResponse => {
          this.setState({ isLoading: false },
()=>alert("Authenticated Successfully!"));
        },

React-Native异步功能完成后如何显示警报？

2 个答案: