要在react中的第一个语句完成执行后重定向

npm install react-router-dom

yarn add react-router-dom

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './App';

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById('root')
);

import React from 'react';
import { Route } from 'react-router-dom';
import Home from './Home';

const App = () => {
  return (
    <div>
      <Route path="/home" component={Home} />
    </div>
  );
};

export default App;

import React, { useEffect } from 'react';
import { useHistory } from 'react-router-dom';

const Home = () => {
  const history = useHistory();

  useEffect(() => {
    // 第一个语句完成执行后重定向
    history.push("/redirect");
  }, []);

  return (
    <div>
      <h1>Home</h1>
    </div>
  );
};

export default Home;