reactjs - 状态和路由器路径

Question

我编辑了我的问题，因为我意识到它不清楚:

访问https://codesandbox.io/s/dry-glitter-7lk9i?fontsize=14&hidenavigation=1&theme=dark

我使用状态是为了具有以下结构:

标题

正文(内容)

页脚

Onclick Action 或其他事件，我使用状态来隐藏组件并在正文内容中显示组件。

然后我希望能够通过 url ex (localhost:3000/privacy) 访问某个页面，所以我希望使用 Router 来实现。

当我执行开关命令时，它不会隐藏我的主要组件并显示开关，而是同时显示它们。如何让 UI 对我最初编码的方式使用react？

Answer 1

您应该将 LandingPage 组件包装在 Route 中。请查看下面的详细信息。

App.js

export default function App() {
  return (
    <Router>
      <div className="App">
        <Switch>
          <Route exact path="/">
            <Landingpage />
          </Route>
          <Route exact path="/businessregister">
            <BusinessRegister />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}