Ребят , можно вопрос , как через хуки реализовать такой

Question

Ребят , можно вопрос , как через хуки реализовать такой

код :

const [red, green, blue] = [69, 111, 225]
const section1 = document.querySelector('.section1')

window.addEventListener('scroll', () => {
let y = 1 + (window.scrollY || window.pageYOffset) / 150
y = y < 1 ? 1 : y // ensure y is always >= 1 (due to Safari's elastic scroll)
const [r, g, b] = [red/y, green/y, blue/y].map(Math.round)
section1.style.backgroundColor = rgb(${r}, ${g}, ${b})
})

#frontend #javascript #programming #react.js #russian

0

12.09.2020

1 ответов

12 просмотров

Ivan 🧑‍🚀 · Accepted Answer

Ivan 🧑‍🚀

backgroundColor хранить в стейте через useState, обработчик вешать (и удалять) в useEffect, там же вызывать изменение стейта и в рендере использовать inline-стиль

0

12.09.2020

169 похожих чатов

Ребят , можно вопрос , как через хуки реализовать такой

1 ответов

Похожие вопросы