十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
小編給大家分享一下React中Material-UI的用法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比宜都網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式宜都網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務覆蓋宜都地區(qū)。費用合理售后完善,十載實體公司更值得信賴。
React中Material-UI是一款React組件庫來實現(xiàn)Google的Material Design風格UI界面框架,也是首個React的UI工具集之一,使用它可以快速搭建出賞心悅目的應用界面。
Material-UI
是一款React組件庫來實現(xiàn)Google的Material Design風格UI界面框架。也是首個React的UI工具集之一。使用它可以快速搭建出賞心悅目的應用界面。
如何安裝 Material-UI ?
// 安裝material-ui npm install @material-ui/core // 安裝material icons npm 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 ( ); } ReactDOM.render(, document.querySelector('#app'));
對組件的支持
Materail-UI在努力遵循實際的指導規(guī)范時,卻并不期望支持每一個組件或者組件的每一個特征。Materail-UI更希望能提供一套能幫助開發(fā)者創(chuàng)建引人注目的用戶界面所需要的構(gòu)建模塊和經(jīng)驗。
以上是“React中Material-UI的用法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!