Телеграмм чат группы react

Добрый день ребята. Подскажите как лучше вынести повторяющийся код? Красный повторяется на всех страницах, зелёное разное на каждом url. Придумал 2 способа: 1) следить за урлом и картинки менять в зависимости от него. 2) сделать HOC в который буду передавать компонент(CoachesList в данном примере) и 2 картинки, а он будет возвращать уже с обёрткой

источник

09:52пожаловаться #11

kk

kirya kirya in React — русскоговорящее сообщество

источник

09:52пожаловаться #12

kk

kirya kirya in React — русскоговорящее сообщество

Но можно ли в HOC передавать что то кроме компонента?

источник

09:53пожаловаться #13

NJ

No Joke in React — русскоговорящее сообщество

Иван

Предлагаешь использовать хуки за пределами компонентов?

Ага) чтобы не смущаться

источник

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

el

eden lane in React — русскоговорящее сообщество

kirya kirya

Добрый день ребята. Подскажите как лучше вынести повторяющийся код? Красный повторяется на всех страницах, зелёное разное на каждом url. Придумал 2 способа: 1) следить за урлом и картинки менять в зависимости от него. 2) сделать HOC в который буду передавать компонент(CoachesList в данном примере) и 2 картинки, а он будет возвращать уже с обёрткой

Может я неправильно понял, но почему бы через children не передавать зелёный код, а урлы в красном - обычными пропами?

источник

10:23пожаловаться #15

kk

kirya kirya in React — русскоговорящее сообщество

Погуглю сейчас про children ) спс

источник

10:24пожаловаться #16

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

Dmitry

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

"react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",

Хистори 5 для роутера 6 🌚

источник

10:29пожаловаться #17

el

eden lane in React — русскоговорящее сообщество

А разве там не useParams должен быть?

источник

11:02пожаловаться #18

el

eden lane in React — русскоговорящее сообщество

Location возвращает браузерный location, там slug нет

источник

11:02пожаловаться #19

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество

покажи как попадал

источник

11:04пожаловаться #20