Переопределить компонент React с помощью стиля CSS ⇐ CSS

[Гость]

Итак, теперь у меня есть компонент NavBar.
У меня есть код JavaScript, который позволяет навигационной панели иметь цвет фона, когда она достигает 50 пикселей. Как я могу применить этот javascript только к одному файлу, а не ко всем.
Я имею в виду, что я хочу, чтобы этот эффект прокрутки применялся только на домашней странице, а не на aboutPage или какой-либо другой.
const [sticky, setSticky] = useState(false);
useEffect(() => {
window.addEventListener("scroll", () => {
window.scrollY > 50 ? setSticky(true) : setSticky(false);
});
}, []);

return (

[*]

• Home
• About
• Services
• 
  Contact Us

);


Подробнее здесь: https://stackoverflow.com/questions/784 ... -css-style