React函数式组件使用@emotion时一定要注意的问题!

怎么说呢,一个坑,踩了两天,总觉得是useSate和input的传值方法问题
在useMemo和useCallback反复测试问题
最后没办法,通过最傻方式,一点点注释代码,发现了问题

const Container = styled.div`
  padding: 3rem;
`;

一个非常简单的定义容器样式的值
定义在了FC内部!!
导致每次input改变,组件每次重新渲染都会检查到Container这个组件
由于对象的引用类型,每次比对都不会===
所以打一个字就会开始重新刷组件

一定要放在FC外面啊

posted @ 2023-02-08 19:19  大禹不治水  阅读(64)  评论(0编辑  收藏  举报