Vite + Typescript + React + Material UI 尝试用 Mui 组件库开发
Mui 组件库有点狗屎啊
首先 Mui 有这么多 Ready-to-use, free-forever 的 functional React components, 但是这些组件并不能混着用.
- Material UI
stack,button
- Joy UI
stack,button
如果你在 Material UI stack 里面嵌入 Joy UI 的 button 分分钟会出现样式问题.
但是有时候, Base UI 的 button 又可以嵌入到 Material UI 的 stack 中.
以上很迷, 你必须谨慎...
跟着官方文档走, 你居然也会走错. 很多时候需要借助 google, stackoverflow才能解决问题.
比如:
你想用 makeStyles 自定义一些样式,
官方文档 让你一通安装之后, 会提示你
你这样做之后你会发现,
你反手去安装 @mui/styles, 它会一堆错误提示你 React 18 无法安装.
你就得去 google
你会发现, 这就是个问题, 但是就是没解决.
你就得强制安装
npm install @mui/styles --save --force
然后尴尬的就来了, 每次引用 makeStyles, createStyles, 就得面临二选一的问题.
