使用Styled Component遇报错：Expected an assignment or function call and instead saw an expression

你写的箭头函数用了大括号包裹逻辑，但没有显式返回结果，导致函数没有返回值，触发了这个错误。

两种修复方式：

• 去掉大括号，利用箭头函数的隐式返回特性：

  opacity: ${({ isOpen }) => isOpen ? '100%' : '0'};
  

• 保留大括号的话，必须添加return语句：

  opacity: ${({ isOpen }) => { return isOpen ? '100%' : '0' }};
  

内容的提问来源于stack exchange，提问作者JacobRicher