尽管控制台没有显示错误，但 useHistory 钩子不起作用

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 (...)
}