Javascript 每个页面上的反应路由器加载路径

基本上我有这个代码。我想要的是，当你只转到

/

时，它将呈现主页，但是添加一个路径将转到该页面。然而，我有两个问题。首先，出于某种原因，主页呈现在每个页面上，但也包含路径页面的内容。所以

/

给了我家（这是正确的）

/component

呈现另一个comp组件和主页。我只想让它渲染单个组件。另一个问题是，我的

*

路线也在所有页面上呈现。

---

我如何才能使其仅在

/

上显示主页，而

*

仅在路径未知时显示？

尝试将

精确的

添加到路线中

<HashRouter>
        <div>
          <Route path={"/"} component={Home} />
          <Route path={"/component"} component={AnotherComp} />
          <Route path={"*"} component={NotFound} />
        </div>
      </HashRouter>

如果您想要一个在任何未知url上点击的路由，您可以使用switch语句

<Route exact path={"/"} component={Home} />

ok这解决了家庭问题。但是，对于在每个页面上呈现的未找到组件，您有什么指导吗？请注意，您必须从“react router dom”导入交换机<代码>从“react router dom”导入{HashRouter，Route，Switch}

<HashRouter>
    <div>
        <Switch>
            <Route exact path={"/"} component={Home} />
            <Route exact path={"/component"} component={AnotherComp} />
            <Route path={"*"} component={NotFound} />
        </Switch>
    </div>
</HashRouter>