React Hooks, Twilio-video, как установить экран dominantSpeaker лишь через 2 секунды после того как state меняется?

Question

[nelu3615]

const Room = ({....
....
const [dominantSpeaker, setDominantSpeaker] = useState(null);
.....
useEffect(() => {
if (dominantSpeaker) {
console.log('dommm', dominantSpeaker);
setParticipants(prevParticipants => [
dominantSpeaker,
...prevParticipants.filter(participant => participant !== dominantSpeaker),
]);
}
}, [dominantSpeaker]);

сейчас экран меняется как только state меняется

Answer 1

[Daniil]

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

Comments

[nelu3615]

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

[Daniil]

nelu3615, я бы вынес в отдельный эффект, тк это другая логика независимая.
Псевдокод с useEffect(() => {
setTimeout(setDomainScreen, time)
}, [depsForDomainScreenEffect]).
Я к сожалению не могу точнее подсказать, довольно абстрактно. Если бы в песочнице живой пример