material-ui 初识

Material-UI是一个react组件库,组件颜值都非常的高。。。

一、安装

npm install --save material-ui@next

npm install --save material-ui-icons

二、基本使用

MUI的使用和大多数其它UI框架的区别，它是按需加载的，即需要什么组件引入相应组件即可，比如需要使用Button，就import Button from "material-ui/Button"即可，使用其它组件与此一致。这有利于在bundle打包时，大大地减小bundle体积。

user.png

三、自定义theme主题

使用createMuiTheme创建自定义的theme主题，用MuiThemeProvider包裹MUI组件即可让自定义主题生效。