.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Simple React hover icon example
Hi. I need some basic help with gsap.timeline() in a react environment. See my code below:
import React, { useRef, useEffect } from 'react'
import gsap, { TweenMax, Linear } from 'gsap';
import { ReactComponent as Twitter } from '../assets/svg/social/twitter.svg'
const NavBar = () => {
let twitterIcon = useRef(null);
const tl = gsap.timeline()
// this is the hover effect, making it glow green (all attributes are correct)
const glowAnimation = (icon) => {
How would you reverse it outside the function? With hooks, everything goes bye-bye on every render if you don't store it the "React way".
And you don't need to use state. A ref is fine, but it adds more noise to your code because you have to use .current.
https://codesandbox.io/s/react-hover-forward-ref-pthnx
