Как в тайпскрипте описать, что я принимаю компонент у которого в пропах может быть ref ?

почитай про деструктуризацию поподробней, второй раз уже фейлишь с ней)

а ты,кстати, второй раз выручаешь)

Как в тайпскрипте описать, что я принимаю компонент у которого в пропах может быть ref ?

?:

Как в тайпскрипте описать, что я принимаю компонент у которого в пропах может быть ref ?

@ts_ru

Как в тайпскрипте описать, что я принимаю компонент у которого в пропах может быть ref ?

props* наверное

пропах)))))

?:

Спасибо, разобрался

По каким причинам в кастомном хуке, отслеживая ref.current и проверяя на наличие DOM-ноды, на ноду все равно не вешаются слушатели?(( Хук тупо не видит эту ноду. Как-будто сначала исполняется хук, а потом рендерится компонент.

Спасибо, разобрался

Фух, правильно понял, что тебе надо именно "может быть"

По каким причинам в кастомном хуке, отслеживая ref.current и проверяя на наличие DOM-ноды, на ноду все равно не вешаются слушатели?(( Хук тупо не видит эту ноду. Как-будто сначала исполняется хук, а потом рендерится компонент.

Код?

@accessdenied404

@accessdenied404

оу май гсап в кастомном хуке)

оу май гсап в кастомном хуке)

как в том анекдоте: "и такую песню я знаю"

Как в тайпскрипте описать, что я принимаю компонент у которого в пропах может быть ref ?

Есть для этого «специально обученный» дженерик PropsWithRef в декларациях к react

@accessdenied404

Господи

Этот код не отписывает подписки

@accessdenied404

Хуки нельзя вызывать в цикле

Или создавать в условиях или функциях

Хуки нельзя вызывать в цикле

вообще можно...

Ребят, такая проблема, есть массив букв, который рендерит кнопочку с буквой внутри, у этой кнопочки есть проп isPicked, как мне при клике на одну из кнопок перевести значение ее пропа в !isPicked

вообще можно...

Ты получишь варнинг реакта

Ты получишь варнинг реакта

https://codesandbox.io/s/vibrant-noether-5qsd3

Или создавать в условиях или функциях

Окей, использование вместо forEach map решит проблему? Мне нужно навешать на каждый элемент по обработчику наведения и сделать что-то с ним с помощью GSAP, какие есть идеи кроме таких костылей?

Ты получишь варнинг реакта

@sovasergey видимо имеет в виду, случай когда применять эффект/хук собираются в массиве в пределах конктекста одного компонента

Хуки нельзя вызывать в цикле

да и с генераторами можно)

алиасы настраивают

Да

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

http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html

http://philogb.github.io/jit/static/v20/Jit/Examples/Spacetree/example1.html

залипательно

В downshift можно запретить переход из начала в конец списка стрелкой вверх? И обратно тоже

Есть для этого «специально обученный» дженерик PropsWithRef в декларациях к react

Нашёл его)

В downshift можно запретить переход из начала в конец списка стрелкой вверх? И обратно тоже

А зачем? Это же не юзерфрендли

А зачем? Это же не юзерфрендли

У меня виртуальный лист, из-за этого оно перемещается не в конец а в конец виртуального списка, то есть не туда куда надо

вообще можно...

Главное осторожно

В downshift можно запретить переход из начала в конец списка стрелкой вверх? И обратно тоже

переопределить поведение при нажатие стрелки

переопределить поведение при нажатие стрелки

Это я и сам знаю, мне нужен готовый сниппет с кодом

Если знаешь абсолютно точно, что ни условия цикла, ни условия if’а не изменятся в процессе работы приложения. Как пример, может потребоваться определённый хук в дев окружении, если его обернуть в if process.env.NODE ENV === development , то такой код допустим

Это я и сам знаю, мне нужен готовый сниппет с кодом

const inputProps = getInputProps({ onKeyDown: event => { if (event.key === 'ArrowUp') { return undefined } }, }); getInputProps берется в рендерпропах дропдауна, inputProps передается пропом в дропдаун

import React from 'react'; import logo from './logo.svg'; import './App.css'; function Comment(props) { return ( <div className="Comment"> <div className="UserInfo"> <img className="Avatar" src={props.author.avatarUrl} alt={props.author.name} /> <div className="UserInfo-name"> {props.author.name} </div> </div> <div className="Comment-text"> {props.text} </div> <div className="Comment-date"> {formatDate(props.date)} </div> </div> ); }

Чуваки где тут ошибка

Не могу найти

а какая ошибка?)

./src/App.js Line 21: 'formatDate' is not defined no-undef Line 28: 'App' is not defined no-undef

ну так ты не импортировал formatDate функцию

для начала

Чуваки короче мне нужен шаблон по умолчанию

wow

App.js

english??

wooo

Где найти

Richard no english exit you

Russian forum

Telegram russian

No english this

ok

google translate

😂

Money please

You rich

This

no money

You

Врешь пиздюк

No

You have

no money

А ЧТО ЕСТЬ

What have you

Может уже хватит

what is the more popular programming language in russia????

А ЧТО ЕСТЬ

nothing

what is the more popular programming language in russia????

Python

what is the more popular programming language in russia????

Html

Чуваки

Так ни у кого App.js

Нету по умолчани

ю