Reactjs 反应路由器在url更新时未显示组件

对于大多数人来说，这可能是一个简单的问题，但是，为什么当我的url更新时，我的组件呈现不工作？当我手动更新url时，它工作，但我使用的链接不工作

我在下面包含了我的链接组件，显示栏应该显示为nav（在每条路线上也是如此），但Newcase组件应该只在其指定路线上显示。我已经试过在它上面使用精确的道具

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

export default class DisplayBar extends Component {
    render() {
        return (

            <div>
             <Router>
                <Link to="/">home</Link>
                <Link to="/form">form</Link>
            </Router>
            </div>
        )
    }
}

import React，{Component}来自“React”
从“react Router dom”导入{BrowserRouter as Router，Route，Link}；
导出默认类DisplayBar扩展组件{
render（）{
返回(
家
形式
)
}
}

这是我的主app.js中的路由器

render(){
    return (

      <Router>

        <Route path = '/' component ={DisplayBar} />
        <switch>
          <Route exact path='/form' component = {NewCase} />
        </switch> 

      </Router>
    );
  }

render（）{
返回(
);
}

您不需要用路由器包装链接，请删除

路由器

                <Link to="/">home</Link>
                <Link to="/form">form</Link>

主页
形式

并将

置于开关内部

<switch>
  <Route path = '/' component ={DisplayBar} />
  <Route exact path='/form' component = {UserAdd} />
</switch> 

---

Oops！谢谢我来试试这个。