请问 mui 和 tailwind 正确使用方式是什么？

[lucifer518]

第一次写 React ，以前写 Vue 使用了 Vuetify ，material 组件+css 写起来很舒服

然后换 React 直接就选了 mui+tailwindcss ，前面写着还行，一打包，css 冲突 tailwind 的 css 都失效了

搜了一下，好像只能 tailwind 加前缀，但是这样写起来非常蛋疼

请问有其他更好的方法吗？不然要换 NextUI 了

[y2x33]

试试 uno 呢

[murmur]

tailwind 适合手搓轮子，如果没折腾能力建议直接用带样式的组件库

[langziyang]

其实 MUI 写好了根本就不需要 tailwind,然后 MUI 也有结合 tailwind 的方法 https://mui.com/material-ui/integrations/interoperability/#tailwind-css

[bigdatahestudy]

mui 本身有自己的 css in js 方案，其实并不适合结合 tailwind 去写

[IvanLi127]

我用 twin.macro + mui ，好像没遇到什么问题。

[lucifer518]

@langziyang #3 感谢，按照这文档的来行的通，但是还是有点问题，刷新的时候会闪一下，从无样式到有样式，我再看看能不能解决
主要是觉得 tailwind 比 sx 写起来方便简洁一些，才用 mui+tailwind 的

[langziyang]

@lucifer518 是的，tailwindcss 也是极其方便，我刚开始也是想一切办法结合两者，现在我基本换到 sx 了，tailwindcss 也还是在用，有一些组件你还是可以用 className 写

[rocmax]

既然想用 tailwindcss ，组件库最好选择 headless 的，现在最流行的是 shadcn ui 。如果组件库内部包含了样式设定当然容易冲突。