如何在本機反應中處理異步 function 響應並保存在 useState 中？

Question

const [confirm, setConfirm] = useState(null);

const signIn = async phoneNumber => {
  console.log('Entered into signIn Function');
  setTextInputState(false);
  setSendOtpButtonState(true);

  const confirmation = await auth().signInWithPhoneNumber(phoneNumber);
  console.log('This is conformation1' + JSON.stringify(confirmation));
  setSendOtpButtonState(true);
  setOtpInputState(true);

  let res = confirmation;
  setConfirm(res);

  console.log('This is conformation2' + JSON.stringify(confirm));
};

如何在 useState 中設置構象。 當我們第一次進入 signIn function 時，將 useState 值設為 null，第二次在 useState 中設置該值。 我想第一次設置值。

Answer 1

這可能會有所幫助

const signIn = async (phoneNumber) => {

  const [confirm, setConfirm] = useState(null);
  ...

  useEffect(async () => {
    const confirmation = await auth().signInWithPhoneNumber(phoneNumber);
    console.log("This is conformation1" + JSON.stringify(confirmation));
    setSendOtpButtonState(true);
    setOtpInputState(true);

    let res = confirmation;
    setConfirm(res);
  }, []);

  console.log("This is conformation2" + JSON.stringify(confirm));
};