ОК, попробую с transitionend

Спасибо

Добавил компоненту в componentDidMount event listener на событие "animationend". Что бы удалял у елемента class element.className = "" Проде бы срабатывает, в инспекторе видно, что у tr со временем пропадает класс "flash". Но почему то потом, при обновлении компонета, class flash больше не добавляется. Не пойму, может я неверно удаляю класс или как заставить компонент обновить className?

Заменил element.className = "" на this.forceUpdate() и все заработало вроде как надо

А у тебя классы элемента где находятся?

this.forceUpdate - признак хренового кода.

А у тебя классы элемента где находятся?

Что значит где находятся? Как обычно. В render я смотрю, что добавить и const classes = (this.flash?"flash":""); return <tr className={classes}>...

Что значит где находятся? Как обычно. В render я смотрю, что добавить и const classes = (this.flash?"flash":""); return <tr className={classes}>...

this.flash? Что это такое? Почему не хранить флаг в стейте? Логично, что если обновлять неотслеживаемые вещи, то оно не будет давать команду ререндерить компонент.

this.flash? Что это такое? Почему не хранить флаг в стейте? Логично, что если обновлять неотслеживаемые вещи, то оно не будет давать команду ререндерить компонент.

Потому что у меня в строке есть еще и другие значения которые надо обновлять, быстрее чем анимация отрабатывает. Потому this.flash я устанавливаю в shouldcomponentupdate, если одно, специальное значение обновляется, сигнализируя компоненту, что он должен мигнуть.

На cDM запускаешь таймер, потом уберешь флаг из стейта и все

Не работай с dom напрямую, это не react way

Потому что у меня в строке есть еще и другие значения которые надо обновлять, быстрее чем анимация отрабатывает. Потому this.flash я устанавливаю в shouldcomponentupdate, если одно, специальное значение обновляется, сигнализируя компоненту, что он должен мигнуть.

Не вижу в вашем сообщении причины не класть в стейт флаг.

Ночь велосипедов

Если его положить в стейт, то может флаг раньше сброситься, чем анимация отработает

Патчить дом руками, еще и в scu, кек

Если его положить в стейт, то может флаг раньше сброситься, чем анимация отработает

Как он может раньше сброситься?

Как он может раньше сброситься?

Если другие поля будут обновляться. Вопрос в том, где мне установить этот флаг?

Ночь велосипедов

На ошибках учатся

Если другие поля будут обновляться. Вопрос в том, где мне установить этот флаг?

Вы, похоже что, не разобрались как работает setState.

Если другие поля будут обновляться. Вопрос в том, где мне установить этот флаг?

Я ж тебе написали, изначально поставь флаг isAnimated:true

Потом на cDM запусти таймер и убери флаг

А флаг можно инициализировать там где инициализируется стейт - в конструкторе.

Я ж тебе написали, изначально поставь флаг isAnimated:true

Зачем изначально? У меня таблица. Переодически строки обнволяются. Любое из полей в строке может обновиться. Но только одно поле запускает анимацию "вспышки"

Может я туплю где то

Может я туплю где то

Вы считаете, что this.setState заменяет старый стейт?

Значит тогда смотри что изменилось и ставь класс там

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

Так я так и делаю. Смотрю в componentShouldUpdate и там выставляю флаг. Я просто другого подходящего места не найду, где я бы мог бы отловить факт изменения поля и вызвать setState

Потому без setState

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

Да

Так я так и делаю. Смотрю в componentShouldUpdate и там выставляю флаг. Я просто другого подходящего места не найду, где я бы мог бы отловить факт изменения поля и вызвать setState

В этом методе нельзя делать сайдэффекты

Я бы сделал фукнцию runAnimation корую прокидывал бы туда, куда надо.

Так я так и делаю. Смотрю в componentShouldUpdate и там выставляю флаг. Я просто другого подходящего места не найду, где я бы мог бы отловить факт изменения поля и вызвать setState

Зачем тебе отслеживать изменение поля? Вместо изменения поля меняй стейт.

В этом методе нельзя делать сайдэффекты

Так он ни на что не влияет, только на классовую переменную. Я там не делаю ничего больше такого. ТОлько вот проверяю, изменился ли компонет

А таймеры вам никакие не нужны, так как есть onAnimationEnd, который вызывается при окончании css анимации.

Зачем тебе отслеживать изменение поля? Вместо изменения поля меняй стейт.

Что мне даст изменение стейта? Я не спорю, я без году неделя в react-js. Ну допустим у меня в props пришли новые значения и надо обновиться. Причем если поменялось специальное значение, я должен запустить анимацию. Как отловить изменение и в рендере запустить эту анимацию?

А таймеры вам никакие не нужны, так как есть onAnimationEnd, который вызывается при окончании css анимации.

Это если duration указан у анимации

А таймеры вам никакие не нужны, так как есть onAnimationEnd, который вызывается при окончании css анимации.

Ах, я так и зделал и все работает

Я просто спрашиваю как правильно это сделать. Дайте мне пример и все

Что мне даст изменение стейта? Я не спорю, я без году неделя в react-js. Ну допустим у меня в props пришли новые значения и надо обновиться. Причем если поменялось специальное значение, я должен запустить анимацию. Как отловить изменение и в рендере запустить эту анимацию?

getDerivedStateFromProps или что-то типа такого. Я не помню правильное название этого хука.

getDerivedStateFromProps или что-то типа такого. Я не помню правильное название этого хука.

О!, точно, проглядел. Возможно то, что надо. Попробую. Спасибо

thedevs.network

thedevs.network

i tried but did not get any replies :(

i tried but did not get any replies :(

There be Russian chat

okay sorry

but do you have any solution for this? bcz i am tring to resolve thiis from last 2 hours

but do you have any solution for this? bcz i am tring to resolve thiis from last 2 hours

Use const path = `${}` require(path) Templating should occur before require

Try again

Use const path = `${}` require(path) Templating should occur before require

you are saying to store a value in path = ${} but how my path is string it is not a variable

you are saying to store a value in path = ${} but how my path is string it is not a variable

What if just require(path)?

What if just require(path)?

not working

not working

Can you tell what error do you see in the console

ERROR: S client not available

Can you tell what error do you see in the console

thanks i solved this error finally :) i need to import everytime that images

ребят дайте плиз ссылку на RN чат

ребят дайте плиз ссылку на RN чат

она в описании)

@reactnative_ru

спасибо

Всем привет! Доводилось ли кому писать плавное изменение числа (например от 100 до 1400)?Чтобы при этому был виден процесс увеличения или уменьшения числа

for (let i = 0; i <= 1400; i++) { this.setState((state) => ({ num: state.num + 1 })) }

for (let i = 0; i <= 1400; i++) { this.setState((state) => ({ num: state.num + 1 })) }

let i = 100*

for (let i = 0; i <= 1400; i++) { this.setState((state) => ({ num: state.num + 1 })) }

из-за асинхронности setState будет плавно увеличиваться или поч?

из-за асинхронности setState будет плавно увеличиваться или поч?

Не знаю, если недостаточно плавно то можно обернуть в таймаут

Не знаю, если недостаточно плавно то можно обернуть в таймаут

let start = new Date().getTime(); setTimeout( () => { let now = (new Date().getTime()) - start; let progress = now / 3000; let result = Math.floor((this.state.to - this.state.from) * progress + this.state.from); let element = progress < 1 ? result : this.state.to; this.setState({from: element}) if (progress < 1) setTimeout(this.numberUpdate(), 10); }, 10); делаю так, и вроде все идет нормально, если задавать число до 1400 например, но при приближении к числу числа меняются очень медленно

Очевидно что 1300*10 это 13 секунд

сколько у тебя таймеров в итоге получается навешано?

Получается два

почему два?

ты не используешь clearTimeout

в каждой итерации создается 2 новых таймера

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

почитай про call stack

Хорошо, спасибо, почитаю

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

Он идет до 1000 быстро, а потом медленее, чем ближе к числу тем медленее обновляется

Делай через промежутки

я не понимаю кейс, мне не нравится этот код. Прости

плохой подход как по мне

Да, код так себе понимаю