useEffect must not return anything besides a function, which is used for clean-up. You returned: xxx

使用useEffect钩子函数报错：useEffect must not return anything besides a function, which is used for clean-up. You returned: xxx

报错大概意思是：useEffect除了用于清理的函数外，不能返回任何内容。

我的代码是这样的，逻辑表达式会返回true / false，所以报错了。

useEffect(() => !cartList.length && setVisible(false), [cartList])

所以只能老老实实写if了。

useEffect(() => { if(!cartList.length) setVisible(false) }, [cartList])

这也是Vue和React的区别，Vue中生命周期函数是可以返回任意值的，React的useEffect则不行，所以在useEffect中使用async/await也会报错，因为async会默认返回一个Promise，所以在Vue的onMounted钩子中写async/await习惯了的小伙伴，在React中要注意避坑哦。