material-ui是一款react组件库来实现google的material design风格ui界面框架。也是首个react的ui工具集之一。使用它可以快速搭建出赏心悦目的应用界面。
如何安装 material-ui ?
// 安装material-uinpm install @material-ui/core// 安装material iconsnpm install @material-ui/icons
快速入门使用
material-ui组件是相互独立的,自支持的,工作时仅注入当前组件所需要的样式。这些material-ui组件并依赖于任何全局的样式表,尽管material-ui提供了可选的cssbaseline组件。
import react from 'react';import reactdom from 'react-dom';import button from '@material-ui/core/button'; // 导入button组件function app() { return ( <button variant='contained' color='primary'>按钮</button> );}reactdom.render(<app />, document.queryselector('#app'));
对组件的支持
materail-ui在努力遵循实际的指导规范时,却并不期望支持每一个组件或者组件的每一个特征。materail-ui更希望能提供一套能帮助开发者创建引人注目的用户界面所需要的构建模块和经验。
相关免费学习推荐:javascript(视频)
以上就是react中material-ui是什么的详细内容。
