使用历史记录挂钩不起作用，尽管控制台未显示错误

Question

我正试图在Firebase注册完成后导航到另一个页面，所以我试图在注册成功后使用useHistory挂钩导航到下一个页面注册成功，但挂钩不起作用，控制台没有显示任何错误

如果挂钩在这种情况下不起作用，如果注册成功，我如何导航到下一页？

import {useHistory} from 'react-router-dom'
const history = useHistory();
function signup(event) {
console.log({email, password});

firebase.auth().createUserWithEmailAndPassword(email, password)
.then((user) => {
// Signed in 
// ...

this.history.push('/Quiz')
console.log(email, password)

firebase.database().ref('users/' + user.uid).set({ email: user.email, password: user.password });

})
.catch((error) => {
var errorCode = error.code;
var errorMessage = error.message;
// ..
console.log(errorMessage)

});

}

Answer 1

您可以访问此

app.js

import React from "react";
import ReactDOM from "react-dom";
import { createBrowserHistory } from "history";
import Routes from './routes'
const history = createBrowserHistory();
ReactDOM.render(<Router history={history}><Routes/></Router>, node);

signup.js

import {useHistory} from 'react-router-dom'
const AppName = () => {
const history = useHistory();
function signup(event) {
console.log({email, password});

firebase.auth().createUserWithEmailAndPassword(email, password)
.then((user) => {
// Signed in 
// ...

history.push('/Quiz')
console.log(email, password)

firebase.database().ref('users/' + user.uid).set({ email: user.email, password: user.password });

})
.catch((error) => {
var errorCode = error.code;
var errorMessage = error.message;
// ..
console.log(errorMessage)

});

}
return (...)
}