(Функциональный компонент). React.createRef(): Как добавить стили елементу?

Question

[Alexander3928]

Подскажите как можно добавить стили для headerRef, который я получаю за счет React.createRef()?

export const Header = ({ headerRef }) => {
  const [isHeaderFixed, setIsHeaderFixed] = React.useState(false);
  headerRef = React.createRef();
  const value = 200;
  console.log(headerRef);
  
  const scrollHeight = () => {
    /* стили для header */
    window.scrollY >= value ? setIsHeaderFixed(true) : setIsHeaderFixed(false);
  }
  
  window.addEventListener("scroll", scrollHeight);

  return (
    <header ref={headerRef} className={`${ styles.header } ${isHeaderFixed ? styles.fixed : ''}`}></header>
  )
}

Answer 1

[Alexey Levicky]

https://codesandbox.io/s/sticky-header-hmqr9n?file...

В функциональных компонентах лучше использовать хук useRef

Comments

[Alexander3928]

Спасибо