Маршрутизатор для конкретного компонента не работает

#javascript #node.js #reactjs #react-router

#javascript #node.js #reactjs #реагировать-маршрутизатор

Вопрос:

Я хочу перенаправить определенный компонент в другой компонент, но когда я нажимаю на ссылку, другие компоненты исчезают

 import React from 'react';
import { Route, Switch, BrowserRouter } from 'react-router-dom';
import Sidebar from '../componants/Sidebar'
import Navbar from '../componants/Navbar';
import Router from '../Routers/Routers'
import Answer from './Answer';
import Feed from './Feed'

const Layuot = () => {
    return (
        <>
        <div className="container-fluid">
            <Navbar />
           
           <div className="rows row">
               <div className='col-3'>
                   <Sidebar/>
               </div>
               <div className="col-9 ">
                   <div className="content">
                 
                   <Switch>
                   <Route path='/feed'><Feed/></Route>
                   <Route path = '/answer/:q_id'><Answer/></Route>
                 
                    </Switch>

                   </div>
               </div>
               </div>
           </div>
    
        </>
    )

}
export default Layuot;

 

смотрите Описание вывода
введите изображение здесь

См. Url
введите Описание изображения здесь

Каждый компонент исчезает, а компонент подачи не является ms

Комментарии:

1. есть ли какая-либо ошибка в консоли?

2. Нет ошибки в консоли

3. @Dhol Keval — Вам нужно обернуть компонент макета маршрутизатором. Проверьте приведенную ниже копию песочницы для справки codesandbox.io/s/old-hooks-7bnm0?file=/src/App.js