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

Size: a a a

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

2020 November 03

Тимофей 🛴 in React — русскоговорящее сообщество

useEffect(() => {
    window.setTimeout(function() {
      myRef.current && myRef.current.focus()
    })
  }, [myRef.current])

я с и без

window

писал, не работает

Реф в зависимостях бесполезная штука.
Попробуй autofocus или без таймаута вообще

источник

14:43пожаловаться #1

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

Zhanadil Sadykov

слушай! А таймаут реально сработал, только вот фокус не срабатывает!

Первое правило дебага: пихай консоль лог😄

источник

14:43пожаловаться #2

Тимофей 🛴 in React — русскоговорящее сообщество

Zhanadil Sadykov

слушай! А таймаут реально сработал, только вот фокус не срабатывает!

Да конечно он сработал, что ему не работать то) проверяй если сомневаешься в caniuse

источник

14:43пожаловаться #3

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

Тимофей 🛴

Реф в зависимостях бесполезная штука.
Попробуй autofocus или без таймаута вообще

а вот с автофокусом траблы. Сафари его не поддерживает\

источник

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

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

Тимофей 🛴

Да конечно он сработал, что ему не работать то) проверяй если сомневаешься в caniuse

я как раз таки оттуда только что, там автофокус не работает

источник

14:44пожаловаться #5

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

именно ios safari не поддерживает

источник

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

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

Тимофей 🛴

Реф в зависимостях бесполезная штука.
Попробуй autofocus или без таймаута вообще

без таймаута у меня внутри модалки реакт-бустрапа - перестает работать

источник

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

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

Zhanadil Sadykov

именно ios safari не поддерживает

это тот же кейс кажется

https://stackoverflow.com/questions/12204571/mobile-safari-javascript-focus-method-on-inputfield-only-works-with-click

Stack Overflow

Mobile Safari: Javascript focus() method on inputfield only works with click?

I have a simple input field like this.

<div class="search">
<input type="text" value="y u no work"/>
</div>
And I'm trying to focus() it inside a function.
So inside of a ra...

источник

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

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

двойной фокус тоже не помог?

источник

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

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

Nikolay Tolochnyy

двойной фокус тоже не помог?

в смысле два раза вызывать фокус?

источник

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

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

ага, правда я сам так и не дошёл до такой задачи, но мне казалось двойной фокус работал

источник

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

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

Nikolay Tolochnyy

ага, правда я сам так и не дошёл до такой задачи, но мне казалось двойной фокус работал

не работает к сожалению

источник

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

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

Varser Zakaryan

это тот же кейс кажется

https://stackoverflow.com/questions/12204571/mobile-safari-javascript-focus-method-on-inputfield-only-works-with-click

Stack Overflow

Mobile Safari: Javascript focus() method on inputfield only works with click?

I have a simple input field like this.

<div class="search">
<input type="text" value="y u no work"/>
</div>
And I'm trying to focus() it inside a function.
So inside of a ra...

это не то. У меня скрытый инпут, который после нажатия кнопки сабмита, открывается этот злосчастный инпут, в которого должен сработать автофокус

источник

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

Эльдар in React — русскоговорящее сообщество

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

источник

15:06пожаловаться #14

Иван in React — русскоговорящее сообщество

Эльдар

webpack bundle analyzer

источник

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

Эльдар in React — русскоговорящее сообщество

Иван

webpack bundle analyzer

спасибо🙏🏼

источник

15:08пожаловаться #16

Тимофей 🛴 in React — русскоговорящее сообщество

Эльдар

спасибо🙏🏼

И в bundlephobia можно смотреть

источник

15:12пожаловаться #17

🗻

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

Подскажите, как правильно сделать редайрект по клику, передав полученный от апи файл. Пробую как-то так pastebin.com/i5aYcLzx

Но получаю андеф, хотя внутри onClick всё верно вроде. Какой-то доп обёртки над асинк не хватает?

Pastebin

export const Hyperlink = () => { const [isClicked, setClicked] = useState(fal - Pastebin.com

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

источник

15:13пожаловаться #18

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

Подскажите в чем проблема _react.default.createContext is not a function. React и React-dom 15.2 v

источник

15:16пожаловаться #19

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

🗻

Pastebin

export const Hyperlink = () => { const [isClicked, setClicked] = useState(fal - Pastebin.com

Pastebin.com is the number one paste tool since 2002. Pastebin is a website where you can store text online for a set period of time.

У тебя после обновления стейта всегда будет инициализация переменной file. В твоем случае она будет undefined. То есть ты в редирект кидаешь undefined. Храни ее в рефе или вне компонента чтобы не пересоздавать каждый раз

источник

15:21пожаловаться #20