react中如何实现局部css样式

有没有

局部 css，需要 shadow dom，类似小程序那样，但是这种做法不高效，介绍一个更好的做法给你，用 tailwindcss 原子化的方法去写样式，连 less、scss 都不需要，而且打包出来的样式体积相比用 less、scss 减少 70%。

楼主是不是从 Vue 切换到 React ，Vue 确实有一套局部样式方案，React 的 css 方案很杂，我写过 vue 的局部样式、less、scss 还有 tailwindcss ，最后一个觉得是最爽的，less、scss 文件都省了，直接给你配置好，用一套默认的命名还有利于团队协作，多个项目统一规范。如果要做到体积的极致，还可以像 twitter/facebook 那样把样式名给 hash，进一步减少体积。

可以看到 twitter 的样式都是 hash 过的。