使用 React History.push() 重定向不会反映输入

Question

我正在使用 Firebase 构建一个应用程序并做出反应。

在该应用程序中，当用户编辑其信息并按下提交按钮时，它会通过history.push()将其重定向到用户信息页面。

用户信息和页面重定向效果都很好，但是页面重定向后，编辑过的用户信息没有体现出来，页面显示的是之前版本的用户信息。

这是我的代码。

我使用 AuthContext 将 Firebase 凭据传递给每个组件。这是 AuthContext 文件的一部分。

  function updateUser(username, email, data) {

    const uid = data.uid

    db.collection('users').doc(uid).set({

      email: email,

      username: username,

    }, {merge: true})

  }

  useEffect(() => {

    const unsubscribe = auth.onAuthStateChanged(async(user) => {

      if (user) {

        const uid = user.uid

        console.log(uid)

        await db.collection('users').doc(uid).get()

          .then(snapshot => {

            const data = snapshot.data()

            setCurrentUser(data)

            setLoading(false)

          })

      }

    })

    

    return unsubscribe

  }, [])

您知道如何反映我在编辑屏幕上输入的值吗？

Answer 1

因为updateUser是一个异步函数，所以您应该在函数中使用async awaitor.then语法updateUser，以便它history.push在更新用户数据后调用function updateUser(username, email, data) {    const uid = data.uid    return db.collection('users').doc(uid).set({        email: email,        username: username,      }, {merge: true})  }     updateUser(usernameRef.current.value, emailRef.current.value, data)       .then(() => {           history.push('/dashboard');       }