Size: a a a

2020 September 04

VS

Vadym Shevchenko in React Kyiv
Maksym Dundiy
всем привет,есть кто работал с Material-ui. Не могу никак стилизовать пагинацию. Пробывал  и hook API и HOC и через style={{}}. Ни в какую.
const useStyles = makeStyles((theme) => ({
pagination: {
display: 'flex'
}
}));
источник

VS

Vadym Shevchenko in React Kyiv
потом в компоненте делаешь
const classes = useStyles();

и в компонент пагинации добавляешь этот класс classes.pagination
источник

MD

Maksym Dundiy in React Kyiv
Спасибо
источник

[

[_ _]V[- -] in React Kyiv
как отличить image url от blob в if ?
источник
2020 September 05

ДМ

Диего Мустафа... in React Kyiv
народ, подскажите плз.
хочу при ререндере всегда вызывать клавиатуру на телефонах. поставил в инпут autofocus, работает только при первом рендере.
приминяю input.focus().

Как то бы обращаться прям к клавиатуре и принудительно ее вызывать.
источник

DK

Dmitriy Kurovsky in React Kyiv
Ребят, всем привет. Есть ли возможность использовать кастомные хуки друг в друге, чтобы избежать бесконечного цикла? Например, хук авторизации требует хук проверки ошибок, а хук проверки ошибок вызывает в некоторых случаях функции хука авторизации (например, плохой токен - логаут). Но при таком использовании будет бесконечный стек вызовов из-за того, что одна функция постоянно вызывает другую. Как быть?
источник

M

Miseo in React Kyiv
Диего Мустафа
народ, подскажите плз.
хочу при ререндере всегда вызывать клавиатуру на телефонах. поставил в инпут autofocus, работает только при первом рендере.
приминяю input.focus().

Как то бы обращаться прям к клавиатуре и принудительно ее вызывать.
А компонент у тебя сколько раз рендерится?
источник

M

Miseo in React Kyiv
Dmitriy Kurovsky
Ребят, всем привет. Есть ли возможность использовать кастомные хуки друг в друге, чтобы избежать бесконечного цикла? Например, хук авторизации требует хук проверки ошибок, а хук проверки ошибок вызывает в некоторых случаях функции хука авторизации (например, плохой токен - логаут). Но при таком использовании будет бесконечный стек вызовов из-за того, что одна функция постоянно вызывает другую. Как быть?
Вынести эту логику в отдельные функции и положи в юзЭффект с зависимостями. Как тебе такой вариант?
источник

ДМ

Диего Мустафа... in React Kyiv
Miseo
Вынести эту логику в отдельные функции и положи в юзЭффект с зависимостями. Как тебе такой вариант?
У меня эта логика уже в юзеффект
источник

AT

Alexander Tarasenko in React Kyiv
Ребята всем привет. Подскажите есть ли минусы у подхода когда в Route передаётся массив путей а потом внутри компонента рендерится что то дальше?

<Route path={['signin', 'signup' ]} >
<AuthView />
<Route/>

// AuthView

<Route path='signin' >
<SignIn />
<Route/>

<Route path='signup' >
<SignUp />
<Route/>

Да есть небольшая дубликация, но если делать динамически через массив путей, будет ок. Просто как по мне это пока самый адекватный способ разбивать группы компонентов по layout ам.
Есть какие то недостатки, может кто сталкивался?
источник

I

Ilya in React Kyiv
Alexander Tarasenko
Ребята всем привет. Подскажите есть ли минусы у подхода когда в Route передаётся массив путей а потом внутри компонента рендерится что то дальше?

<Route path={['signin', 'signup' ]} >
<AuthView />
<Route/>

// AuthView

<Route path='signin' >
<SignIn />
<Route/>

<Route path='signup' >
<SignUp />
<Route/>

Да есть небольшая дубликация, но если делать динамически через массив путей, будет ок. Просто как по мне это пока самый адекватный способ разбивать группы компонентов по layout ам.
Есть какие то недостатки, может кто сталкивался?
Есть смысл юзать массив, в случае если ты боишься анмаунта компонента, если там к примеру есть какой-то транзишн
источник

AT

Alexander Tarasenko in React Kyiv
Казалось что так оно все наглядное тк собрано вместе
источник

AT

Alexander Tarasenko in React Kyiv
Просто видел когда эти все роуты разбросаны по всему проекту)
Или когда в каждый роут постоянно передают layout. Тоесть дублирую один и тот же layout постоянно. А зачем? Тогда ведь будет ререндерится и хедер и футер и все остальное.
Возможно я не прав?
источник

M

Miseo in React Kyiv
Диего Мустафа
У меня эта логика уже в юзеффект
тогда показывай код )
источник
2020 September 06

[

[_ _]V[- -] in React Kyiv
кто знает как в react slick установить изначальный фокус для первого элемента слайда?
источник

SS

Serhey Shmyg in React Kyiv
[_ _]V[- -]
кто знает как в react slick установить изначальный фокус для первого элемента слайда?
autoFocus?
источник

[

[_ _]V[- -] in React Kyiv
Serhey Shmyg
autoFocus?
да вот, пытался.. но в карусели это не работает так как надо
ещё и возникает главная проблема в том что при нажатии tab  когда выходит за рамки слайда,
он переключает сам на сделующий, а такое поведенее мне совсем ни к чему

пробовал отменить такое перебрасывая фокус с помощью ref и onBlur на последнем элементе слайда
но при возврате назад на предыдущий слайд фокус остается на  слайде с которого возваращался
источник

[

[_ _]V[- -] in React Kyiv
react-slick  использую
источник

HE

Hamad Emad in React Kyiv
Всем привет столкнулся с проблемой стилей, верстаю макет по размерам контейнера, но при запуске сайт отображается вообще по другому какая проблема масштабирования не могу понять, при этом в инспекторе такие же стили как и указанные в коде, но когда открываю режим для просмотра в формате разных экранов и ставлю размер макета которого верстаю все выглядит как нужно, если кто то слакивался с подобным пожалуйста подскажите, проблема локальная ибо в других проектах все норм
источник

M

Miseo in React Kyiv
Hamad Emad
Всем привет столкнулся с проблемой стилей, верстаю макет по размерам контейнера, но при запуске сайт отображается вообще по другому какая проблема масштабирования не могу понять, при этом в инспекторе такие же стили как и указанные в коде, но когда открываю режим для просмотра в формате разных экранов и ставлю размер макета которого верстаю все выглядит как нужно, если кто то слакивался с подобным пожалуйста подскажите, проблема локальная ибо в других проектах все норм
Проверь масштабирование страницы браузера. В сафари многое странно ресайзится при масштабировании страницы. А вообще говорить о стилях не видя проблемы сложно. Прикрепи скрин так определить будет легче.
источник