注册时我看不到用户名，直到我刷新或登录

如何解决注册时我看不到用户名，直到我刷新或登录

当我注册时，它会将我带到仪表板页面，其中有一个带有用户名的欢迎说明，但问题是在我刷新或再次登录之前我看不到用户名。我正在共享我的注册 action.js 代码和仪表板

我的 registration.js 代码

const Register = (props) => {
const { classes } = props
const [name,setName] = useState('')
const [email,setEmail] = useState('')
const [password,setPassword] = useState('')
const dispatch = useDispatch();

const onRegister = async () => {
    dispatch(startRegister(name,email,password));
    props.history.push('/dashboard')
}

action.js

export const startRegister = (name,password) => {
    // const { name,password } = props
    return () => {
        return firebase.auth().createUserWithEmailAndPassword(email,password)
            .then((currentUser) => {
                // Signed in
                const user = firebase.auth().currentUser;
                user.updateProfile({
                    displayName: name,}).then(function () {
                    console.log('Updated');

                    // Update successful.
                }).catch(function (error) {
                    // An error happened.
                    console.log(error);
                });

                // history.push('/dashboard')
                // ...
            })
            .catch((error) => {
                var errorMessage = error.message;
                console.log(errorMessage);
                // ..
            });
    };
};

dashboard.js

const Dashboard = props => {
const { classes } = props
const onSignout = async (e) => {
    await firebase.auth().signOut()
    //props.history.push('/')
}
const username = useSelector(state => state.auth.name);

return (
    <main className={classes.main}>
        <Paper className={classes.paper}>
            <Typography component="h1" variant="h5">
                {`Welcome User ${username ? username : ''}`}

解决方法

乍一看我相信这个问题是因为 javascript 承诺，firebase.auth().createUserWithEmailAndPassword 是一个异步函数。

试试这个

在registration.js

const onRegister = async () => {
    const userData = {name,email,password}
    dispatch(startRegister(props,userData));
}

在action.js

export const startRegister = (props,userData) => {
    const { name,password } = userData;
    return () => {
        return firebase.auth().createUserWithEmailAndPassword(email,password)
            .then((currentUser) => {
                // Signed in
                const user = firebase.auth().currentUser;
                user.updateProfile({
                    displayName: name,}).then(function () {
                    console.log('Updated');

                    // Navigate to dashboard after data is been saved
                    props.history.push('/dashboard');

                }).catch(function (error) {
                    // An error happened.
                    console.log(error);
                });
            })
            .catch((error) => {
                var errorMessage = error.message;
                console.log(errorMessage);
                // ..
            });
        };
     };