如何在本机反应中处理异步函数响应并保存在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 函数时，将 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));
};