#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