如何在承诺中返回布尔值？

Question

在 submitButton 事件中，我想检查是否有用户注册。

假设有 5 个用户注册：

 getUsers = function () {
    return new Promise(function (resolve, reject) {
      resolve(5);
      reject(0);
    });
  }

在 checkregisteredUsers 中，我调用 getUsers，然后检查是否有任何用户。如果有任何用户，则返回 true，否则返回 false。我设置了 UsersFound 的状态。

  checkRegisteredUsers = () => {
    return this.getUsers().then(result => {
      return this.setState({ UsersFound: result > 0 ? true : false };
    }).catch(reason => {
      console.log(reason);
    });
  }

现在，在函数 submitButton 中，我想检查是否有注册用户。

submitButton = () => {
      this.checkRegisteredUsers().then(result => {
      this.setState({ UsersFound: result > 0 ? true : false });
    });

    if(!this.state.UsersFound){
    return; **//exit code here and the rest of the code below should not execute and show the dialog box**
    }
    // run some other code
  }

当我调用 submitButton 时，尚未设置 UsersFound 的状态。如果我再次单击它，则它已设置。 我怎样才能将它设置在一个承诺中？或者如何使用 Promise 在 submitButton 中检查真/假？

编辑：

问题是：我如何从 Promise 中返回布尔值，因为我想检查如下内容：

submitButton = () => {
 if(this.checkRegisteredUsers()){
  return; //the rest of the code below should not execute
}
 //if check users is true then the code below should not execute
 // some other code
}

我不想返回一个承诺，我想要一个布尔值。

Answer 1

长话短说：你不能让一个返回承诺的函数返回一个布尔值。如果您有一些异步操作（例如从某个服务获取用户的获取），那本质上是异步的。您不能让这样的函数返回布尔值，因为当函数本身结束时，您没有返回 true 或 false 的信息。

最接近的方法是使用 async/await。但是异步函数仍然只返回Promise 对象。你可以使用 async/await 让它看起来不同，但它只是语法糖。您仍然有效地运行await 之后的所有代码，就好像它是传递给then 的函数一样。

举个例子：

//Some function that will resolve or reject.
const getUsers = () {
  return new Promise(function (resolve, reject) {
    resolve(5);
  });
}
const foundUsers = async () => {
  const users = await getUsers();
  return Boolean(users);
}
const LoggedIn = () => {
  const [usersFound, setUsersFound] = useState(false)
  const onSubmit = async () => {
    const found = await foundUsers();
    if (found) {
      //do stuff
    }
    setUsersFound(found)
  }
  return (
    <>
      <button onClick={onSubmit}>Submit</button>
      { usersFound ? <Dialog /> : <WhateverElse /> }
    </>
  )
}

和这个是一样的：

const LoggedIn = () => {
  const [usersFound, setUsersFound] = useState(false)
  const onSubmit = () => {
    foundUsers().then((found) => {
      if (found) {
        //do stuff
      }
      setUsersFound(found)
    })
  }
  return (
    <>
      <button onClick={onSubmit}>Submit</button>
      { usersFound ? <Dialog /> : <WhateverElse /> }
    </>
  )
}