React - Use State to Toggle an Element (When to add extra parenthesis to a setState() function?)

[lasjorg]

() => {
  foo: 'bar'
}

Fun fact, in that code foo: is interpreted as a labeled statement. As also explained in the MDN link.

Can someone please explain to me why do need "return" on the first arrow function?

It actually parses the object key as a label statement. I can’t really think of a good code example to show this. const test = () => { foo: { console.log('face'); // face break foo; console.log('this will not be executed'); } console.log('swap'); // swap }; test();