Телеграмм чат группы reactkyiv страница 3936

Size: a a a

React Kyiv

1622 membersпожаловаться на группу

2021 April 16

Yurii Oliiarnyk in React Kyiv

приблизительно такая структура должна быть

<Menu />
<Switch>
<Route />
<Route />
<Switch>

источник

13:06пожаловаться #1

Eugene Stepanyuk in React Kyiv

так еще разок, у меня Меню находит в HOC, потом в этот HOC я помещаю страницы, по которым через меню я перемещаюсь и сама структура выглядит так

<BrowserRouter>
        <Switch>
          {' '}
          {routes.map((route) => (
            <Route key={route.path} {...route} /> 
          ))}{' '}
          <Redirect to="/" />
        </Switch>{' '} 
      </BrowserRouter>

источник

13:11пожаловаться #2

Eugene Stepanyuk in React Kyiv

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

источник

13:11пожаловаться #3

Yurii Oliiarnyk in React Kyiv

не обертать им свитч не нужно
просто переносишь из хока в этот компонент и делаешь его вне Switch'a

<BrowserRouter>
<Menu />
<Switch>
{' '}
{routes.map((route) => (
<Route key={route.path} {...route} />
))}{' '}
<Redirect to="/" />
</Switch>{' '}
</BrowserRouter>

из хока удаляешь его

источник

13:14пожаловаться #4

Eugene Stepanyuk in React Kyiv

спасибо за напутствие, пойду тестить)

источник

13:16пожаловаться #5

Eugene Stepanyuk in React Kyiv

в общем проблема с перерендером меню ушла, только как его теперь вставить в бок панель как оно было в HOC, я же удалил его оттуда?)

источник

14:09пожаловаться #6

Eugene Stepanyuk in React Kyiv

источник

14:09пожаловаться #7

Yurii Oliiarnyk in React Kyiv

Здесь уже стили корректировать нужно, в лояуте задаешь нужные стили для меню и для контейнера, который содержит контент страниц

источник

14:13пожаловаться #8

Eugene Stepanyuk in React Kyiv

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

источник

14:16пожаловаться #9

Yurii Oliiarnyk in React Kyiv

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

источник

14:19пожаловаться #10

Yurii Oliiarnyk in React Kyiv

Возможно стоит делать этот запрос в том месте где и ты делаешь запрос по юзеру
То есть после того как получил юзера, достаешь инфу по доступным ему страницах, и где то сохраняешь в глобальном стейте, который используешь
Дале просто в компоненте меню достаешь это из стейта

источник

14:24пожаловаться #11

Eugene Stepanyuk in React Kyiv

после авторизации получается, получил сразу юзера и выполнил этот запрос?

источник

14:29пожаловаться #12

Yurii Oliiarnyk in React Kyiv

источник

14:29пожаловаться #13

ОТ

Олег Товканюк... in React Kyiv

image_2021-04-16_22-38-26.png

(7.97 Кб)

хтось може мені допомогти реалізувати регулярку яка б знаходила всі букви одного слова в іншому? щось типу цього, але треба щоб match був лише тоді коли всі s, t, r будуть в слові

источник

22:38пожаловаться #14

GNU/Vsevolod in React Kyiv

може краще
'str'.split('').every(ch => 'asvtr'.includes(ch))?

источник

22:43пожаловаться #15

GNU/Vsevolod in React Kyiv

Бо з regex буде
^(?=.*s)(?=.*t)(?=.*r).*$

источник

22:45пожаловаться #16

Dmitriy S in React Kyiv

Лайк за красоту