6️⃣ CSS 解析方式的不确定性
CSS 规则的加载顺序是很重要的, 他会影响属性应用的优先级, 如果按需加载 CSS, 则无法确保他们的解析顺序, 进而导致错误的样式应用到元素上.....
----
2️⃣ 避免使用内联 CSS
style props 添加的属性不能自动增加厂商前缀, 这可能会导致兼容性问题....object 传入组件, 内联的 object 每次渲染会重新生成, 会导致组件重新渲染...., 会让文件变得很臃肿, 扰乱组件的主体, 所以笔者一般会像抽取到单独的styled.tsx文件中:
import React, { FC } from 'react'; import { Header...有兴趣的读者可以看这篇文章CSS Modules 详解及 React 中实践.