如何在本机反应中处理异步 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));
};

How to set conformation in the useState. when we enter into the signIn function for the first time getting useState value as null and for the second time setting the value in the useState. i want to set value for the first time.

Answer 1

This might help

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));
};