Size: a a a

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

2020 November 16

OF

Oleg Frolov in React — русскоговорящее сообщество
Максим
Привет всем, делаю дропдаун с помощью портала, и не получается разобраться, как этот дропдаун позиционировать, если он рендериться вообще в другом DOM узле. Может у кого есть хорошие приимеры или статья? (насколько я понял порталы и для тултипов используют, а им тоже нужно задавать позицию от конкретного элемента)
Ну как. У тебя есть элемент, скажем, кнопка - от которой идёт дропдаун. Ты можешь получить её значения её местоположения. И у тебя есть сам дропдаун абсолютно позиционированный, которому можно пропсами прокинуть положение родителя и подкорректировать на нужное тебе
источник

OF

Oleg Frolov in React — русскоговорящее сообщество
Только вот зачем дропдаун делать в портале? Оно ж обычно завязано на родительские элементы или окружение.. точно там нужно так усложнять с порталом?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Максим
Понятно, спасибо
https://react-spectrum.adobe.com/index.html
http://reakit.io/

Вот варианты, но может уже есть что то поинтересней
источник

М

Максим in React — русскоговорящее сообщество
Oleg Frolov
Только вот зачем дропдаун делать в портале? Оно ж обычно завязано на родительские элементы или окружение.. точно там нужно так усложнять с порталом?
Да я типа студент, и прохожу тему порталов, такое задание, поэтому без либ пока что)
источник

m

mzoterov in React — русскоговорящее сообщество
Тимофей 🛴
Лучше разберись и переделай, почитай про lifting state up
Получилось что-то такое. Но когда я жму на кнопку "Спин", прокрутка не начинается. В след. сообщении отправлю условие старта прокрутки...
источник

OF

Oleg Frolov in React — русскоговорящее сообщество
А ну тогда да. Лучше посмотреть "как делают большие дяди" и попытаться понять и повторить
источник

m

mzoterov in React — русскоговорящее сообщество
источник

m

mzoterov in React — русскоговорящее сообщество
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Только setState в рендер делать не надо, можешь перенести в componentDidUpdate, но решение не идеальное все равно
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Пожалуйста пощадите, я хочу сегодня уснуть...

Наймите человека для выполнения этого таска, у вас не хватает квалификации
источник

m

mzoterov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Пожалуйста пощадите, я хочу сегодня уснуть...

Наймите человека для выполнения этого таска, у вас не хватает квалификации
Спите на здоровье.
Я начинающий в React, но не в JS. Уж очень необходим React, так что надо учиться.
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
mzoterov
Спите на здоровье.
Я начинающий в React, но не в JS. Уж очень необходим React, так что надо учиться.
Тогда очень странно что вы начали не с прочтения документации (там делов то на вечерок опытному волку), а с постройки костылей над костылями
источник

NM

Neo Makela in React — русскоговорящее сообщество
день добрый , читаю доку , дурачок, подскажите как получить в методе данные переданные через props
источник

NM

Neo Makela in React — русскоговорящее сообщество
пробовал так, но он видит метод и вызывает его не по клику, а просто как метод
источник

OL

Oleksandr Lukhanin in React — русскоговорящее сообщество
Neo Makela
пробовал так, но он видит метод и вызывает его не по клику, а просто как метод
onClick = {() => this.PropsClick(this.props.value)}
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Neo Makela
день добрый , читаю доку , дурачок, подскажите как получить в методе данные переданные через props
Тереям контекст, bind или стрелка
источник

m

mzoterov in React — русскоговорящее сообщество
Dmitriy Shuleshov
Тогда очень странно что вы начали не с прочтения документации (там делов то на вечерок опытному волку), а с постройки костылей над костылями
Я имею понятие о реактивности, так как работал с Vue. Я думал что React построен по такому же принципу...
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
mzoterov
Я имею понятие о реактивности, так как работал с Vue. Я думал что React построен по такому же принципу...
Есть некоторые общие понятия но вцелом все кардинально отличается
источник

OL

Oleksandr Lukhanin in React — русскоговорящее сообщество
Neo Makela
пробовал так, но он видит метод и вызывает его не по клику, а просто как метод
источник

NM

Neo Makela in React — русскоговорящее сообщество
ой спасибо большое
источник