Size: a a a

2020 October 15

В

Вроде бы Артем... in React Kyiv
Втягиваешь location в state компонента
источник

В

Вроде бы Артем... in React Kyiv
И от него уже отталкиваешься
источник

a

ai in React Kyiv
Alex
<Route path=“/smth” component=Somecomponent />
Ворос в другом...
Если если Route path ='/smth'  component='Smth'/>, то рендерить другой компонеет, если нет то не рендерить
источник

YN

Yakov Nevidomskiy in React Kyiv
ai
Подскажите, как можно задать условие рендеринга
Если Route path="/smth" то отображать компонент?
источник

YN

Yakov Nevidomskiy in React Kyiv
думаю тебе должен подойти useLacation
https://reactrouter.com/web/api/Hooks
источник

a

ai in React Kyiv
Ок, спасибо
источник

a

ai in React Kyiv
Подскажите
Есть NavBar который общий для всех компонентов
        <Router>
           <NavBar />

           <Switch>
               <Route path="/login" exact component={Login}/>
               <Route path="/smth1" exact component={Smth2}/>
               <Route path="/smth2" exact component={Smth2}/>
          </Switch>
</Router>
Как можно сделать чтоб для компонета login NavBar нет отображался?
источник

A

Artem in React Kyiv
ai
Подскажите
Есть NavBar который общий для всех компонентов
        <Router>
           <NavBar />

           <Switch>
               <Route path="/login" exact component={Login}/>
               <Route path="/smth1" exact component={Smth2}/>
               <Route path="/smth2" exact component={Smth2}/>
          </Switch>
</Router>
Как можно сделать чтоб для компонета login NavBar нет отображался?
сделать еще один Switch для навбара/написать {router.pathname !== '/login' && <NavBar />}
лучше первый вариант
источник

a

ai in React Kyiv
Artem
сделать еще один Switch для навбара/написать {router.pathname !== '/login' && <NavBar />}
лучше первый вариант
А как со Switch можно сделать?
источник

A

Artem in React Kyiv
ai
А как со Switch можно сделать?
точно также как ты сделал свитч с роутами, только компонент NavBar
источник

a

ai in React Kyiv
Artem
точно также как ты сделал свитч с роутами, только компонент NavBar
Если так, то это не работает
         <Switch>
               <NavBar />

           </Switch
источник

A

Artem in React Kyiv
ai
Если так, то это не работает
         <Switch>
               <NavBar />

           </Switch
не так
источник

YN

Yakov Nevidomskiy in React Kyiv
ai
Если так, то это не работает
         <Switch>
               <NavBar />

           </Switch
источник

a

ai in React Kyiv
Спасибо...
источник
2020 October 16

М

Мерч in React Kyiv
Ререндер не происходит, хотя данные изменяются
источник

М

Мерч in React Kyiv
источник

М

Мерч in React Kyiv
источник

a

ai in React Kyiv
Подскажите, есть ли способы передачи данных с одного компонента в другой, если это не parent-children? Не используя redux?
источник

VK

Vlad Kopylov in React Kyiv
context
источник

Y

YurASS in React Kyiv
Мерч
Ререндер не происходит, хотя данные изменяются
В провайдері по ідеї стор кожен раз заново створюється, при кожному рендері
источник