Unexpected Token Syntax Error In If Statement With React Hooks

Question

I'm getting a syntax error in when using React Hooks. Basically, I'm using an If statement inside useEffect and getting and Unexpected token error.

const [linkAnimation, setLinkAnimation] = useState();
const [isHovered, setIsHovered] = useState(true);

useEffect(() => {
    setLinkAnimation( 
      if(isHovered === true){  //getting unexpected token on this line
        console.log('true')
      }
    );
}, []);

Syntax seems straight forward, but looks like I'm missing something.

See codepen

the syntax is wrong. see Expressions versus statements in JavaScript — Aprillion
– Aprillion, Commented Aug 16, 2019 at 17:19
setLinkAnimation is a function, and you are passing a if statement as an argument to the function. Error is expected. — user9408899
– user9408899, Commented Aug 16, 2019 at 17:21

Smarticles101 · Accepted Answer · 2019-08-16 17:21:28Z

3

The if statement is currently the parameter for your call to setLinkAnimation

I think you're actually trying to do something like this:

const [linkAnimation, setLinkAnimation] = useState();
const [isHovered, setIsHovered] = useState(true);

useEffect(() => {
  if(isHovered === true){  //getting unexpected token on this line
    console.log('true')
    setLinkAnimation(true);
  }
}, []);

answered Aug 16, 2019 at 17:21

Smarticles101

1,9361 gold badge16 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

technicallynick · Accepted Answer · 2019-08-16 17:25:20Z

2

Your setState function is expecting a value of some sort, but instead is just a function (console.log). If you wrap it in a fat arrow function with an implicit or explicit return, it works.

useEffect(() => {
    setLinkAnimation( () => {
      if(isHovered === true){
        console.log('true')
      }
    });
}, []);

Edit: Please note that this will still not set the state, but it will at least complete your console.log.

answered Aug 16, 2019 at 17:25

technicallynick

1,5829 silver badges17 bronze badges

Collectives™ on Stack Overflow

Unexpected Token Syntax Error In If Statement With React Hooks

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related