реагировать маршрутизатор не показывает компонент при обновлении URL

Question

, вероятно, простой вопрос для большинства, но почему мой компонент не рендерит, когда мой URL обновляется, когда я обновляю URL вручную, он работает, а ссылки, которые я использую, нет?

Я включил В компоненте «Мои ссылки» ниже панель отображения должна отображаться как навигация (то есть на каждом маршруте), но компонент 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>
        )
    }
}

и вот мой маршрутизатор в моем основном приложении. js

render(){
    return (

      <Router>

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

      </Router>
    );
  }

Answer 1

Вам не нужно оборачивать свои ссылки с помощью Router, удалить Router

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

, а также поместить <Route path = '/' component ={DisplayBar} /> в переключатель

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