在react中找到根路径时隐藏组件

npm install react-router-dom

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

import Home from './components/Home';
import About from './components/About';
import NotFound from './components/NotFound';

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
        <Route component={NotFound} />
      </Switch>
    </Router>
  );
}

export default App;

import React from 'react';
import { Redirect } from 'react-router-dom';

function Home() {
  // 判断是否需要隐藏组件
  const shouldHide = true; // 根据具体条件判断是否隐藏

  if (shouldHide) {
    return <Redirect to="/" />;
  }

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
}

export default Home;