В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Frontend_ru

1032 membersпожаловаться на группу
2020 May 05

AM

Aga Mahmudov in Frontend_ru
Igor N
То есть, card у тебя внутри компонента. Покажи в песочнице логику всю
В песочнице сложно будет, попробую описать здесь

Component {
   render {
       <Swiper  renderCard={(card, index) => this.renderCard({ card, index, dislikeOpacity: this.state.dislikeOpacity })} />
   }

   renderCard(props) {
   return { … }
   }
}
источник
02:06пожаловаться#1

IH

Ilya Human in Frontend_ru
Сама проблема не очень ясна просто
источник
02:07пожаловаться#2

AM

Aga Mahmudov in Frontend_ru
Ilya Human
Я не видел твоей логики, но попробуй обновлять через setState(prevState => return {newState})
this.setState(prevState => ({ cardSwipeable: true, dislikeOpacity: 1 }))
источник
02:07пожаловаться#3

AM

Aga Mahmudov in Frontend_ru
Ilya Human
Сама проблема не очень ясна просто
Есть либа Swiper, который генерирует по шаблону фукнции renderCard() компоненты, как карты. Нужно через 5 секунд просмотра ролика, “активировать” кнопку внутри функции renderCard(), сменив dislikeOpacity с 0.5 на 1. Как только плеер насчитывает 5 секунд, срабатывает
       
this.setState(prevState => ({ cardSwipeable: true, dislikeOpacity: 1 }))

И в теории, к кнопке должен применится opacity 1, но нифига
источник
02:09пожаловаться#4

AM

Aga Mahmudov in Frontend_ru
По факту setState отрабатывает, но renderCard() рендерится только один раз и никак не реагирует на апдейт стейта
источник
02:10пожаловаться#5

AM

Aga Mahmudov in Frontend_ru
PS всё это происходит в рамках одного компонента
источник
02:11пожаловаться#6

IH

Ilya Human in Frontend_ru
Значит что-то где-то не так
источник
02:11пожаловаться#7

AM

Aga Mahmudov in Frontend_ru
это мы поняли :))
источник
02:12пожаловаться#8

IH

Ilya Human in Frontend_ru
Тем более если нет никаких асинхронных действий. Проблема просто в апдейте стейта а это база логики реакта
источник
02:12пожаловаться#9

IH

Ilya Human in Frontend_ru
Реально сложно сказать без кода в сандбоксе
источник
02:12пожаловаться#10

AM

Aga Mahmudov in Frontend_ru
Ilya Human
Реально сложно сказать без кода в сандбоксе
сейчас попробую
источник
02:13пожаловаться#11

IN

Igor N in Frontend_ru
Aga Mahmudov
В песочнице сложно будет, попробую описать здесь

Component {
   render {
       <Swiper  renderCard={(card, index) => this.renderCard({ card, index, dislikeOpacity: this.state.dislikeOpacity })} />
   }

   renderCard(props) {
   return { … }
   }
}
Погоди, вот тут непонятно. У тебя в рендере renderCard(props)?
источник
02:13пожаловаться#12

AM

Aga Mahmudov in Frontend_ru
Igor N
Погоди, вот тут непонятно. У тебя в рендере renderCard(props)?
Он рядом с рендером, не внутри. Просто как обычная функция, которая возвращает темплейт
источник
02:14пожаловаться#13

IN

Igor N in Frontend_ru
Ну так сделай опасити: зис.стейт.опасити
источник
02:16пожаловаться#14

AM

Aga Mahmudov in Frontend_ru
Igor N
Ну так сделай опасити: зис.стейт.опасити
Сделал, но он не реагирует. Сейчас почти закончил санбокс пилить
источник
02:17пожаловаться#15

AM

Aga Mahmudov in Frontend_ru
@butterfingerss Ilya
https://codesandbox.io/s/react-native-7wz07?file=/src/App.js
CodeSandbox
React Native - CodeSandbox
React Native for Web starter template
источник
02:27пожаловаться#16

AM

Aga Mahmudov in Frontend_ru
Немного не так как у меня, но в целом логика та же. Через две секунды таймаута в componentDidMount меняется стейт, renderCard забивает хер. Но есть одно но, если хоть как-то изменить размер экрана, то сразу сработает ререндер и появится 1
источник
02:28пожаловаться#17

AM

Aga Mahmudov in Frontend_ru
В целом ещё раз глянул, идеально отображает проблему
источник
02:35пожаловаться#18

IN

Igor N in Frontend_ru
падажжи. во-первых, зачем тебе опесити менять в js, когда это, вроде, могут keyFrames?
источник
02:48пожаловаться#19

IH

Ilya Human in Frontend_ru
Так смотри, у тебя создался парент с dislikeOpacity, далее ты рендеришь чайлд и передаешь в него ЭТОТ dislikeOpacity (0.5), хотя setTimeout уже запустился
источник
02:49пожаловаться#20