Question

我正在使用react来重新创建一个简单的路由示例。目前只显示App组件，即使我在'localhost：3000 /＃/'之后输入任何其他内容我希望在调用'localhost：3000 /＃/'时显示App组件，并为通配符显示Whoops404组件。但是，如果我先交换路由线并首先编写Whoops404组件，那么每个URI都会显示Whoops404组件。无论编写什么路由，首先会在浏览器中显示每个URI。请告诉我我错过了什么？我的index.js代码如下

npm start

Answer 1

您需要添加＆＃39; exact＆＃39;路线中的关键字

` <Switch>
        <Route exact path = '/' component = {App}/>
        <Route exact path = '*' component = {Whoops404}/>
    </Switch>`

浏览器显示所有路径的相同组件

1 个答案: