Привет. У меня есть компонент вроде такого: function App() { return

Question

Привет. У меня есть компонент вроде такого: function App() { return

(
<div>
<div className={style.wrapper}>
<Switch>
<Route path="/first" component={firstComponent}></Route>
<Route path="/second" component={secondComponent}></Route>
<Route component={component404}></Route>
</Switch>
</div>
</div>
);
}

Собственно при путях /first и /second он выдаёт соответственные страницы, типа такого:
<div>
<div className="wrapper">
<div>first</div>
</div>
</div>

При 404 тоже выдаётся нужная страница. Теперь вопрос, можно ли убрать <div className={style.wrapper}>, если текущая страница 404? То есть чтобы в итоге получалось что-то такое:
<div>
<div>404</div>
</div>

#frontend #javascript #programming #react.js #russian

0

15.12.2020

16 ответов

5 просмотров

Егор Малютин Автор вопроса

Денис
Route path = *

А где это писать?

0

15.12.2020

Егор Малютин Автор вопроса

Нет, вы кажется не поняли

0

15.12.2020

Егор Малютин Автор вопроса

404 я уже сам по себе сделал

0

15.12.2020

Егор Малютин Автор вопроса

Денис
Route path = *

Теперь мне нужно, чтобы компонент-обёртка убирался в случае если страница 404

0

15.12.2020

Aidar Sharipov

Егор Малютин
Теперь мне нужно, чтобы компонент-обёртка убирался...

0

15.12.2020

Егор Малютин Автор вопроса

Aidar Sharipov
<Route path="*" component={NotFound}/>

Так а где это писать?

0

15.12.2020

Денис

Егор Малютин
Теперь мне нужно, чтобы компонент-обёртка убирался...

Ладно... Я походу плохо объясняю, извините (

0

15.12.2020

Егор Малютин Автор вопроса

Aidar Sharipov
<Route path="*" component={NotFound}/>

Ещё раз, мне нужна не только страница 404, а чтобы ещё и компонент-обёртка, который находится над Switch, убрался

0

15.12.2020

Andrew

function App() { return ( <div> <Switch> <Route path="" component={Wrapper}></Route> <Route component={component404}></Route> </Switch> </div> ); } function Wrapper () { return ( <div className={style.wrapper}> <Switch> <Route path="/first" component={firstComponent}></Route> <Route path="/second" component={secondComponent}></Route> </Switch> </div> ) }

0

15.12.2020

Егор Малютин Автор вопроса

Andrew
function App() { return ( <div> ...

О, спасибо большое )

0

15.12.2020

Andrew

Егор Малютин
О, спасибо большое )

хз ли сработает

0

15.12.2020