React의 Material-UI 란 무엇입니까?

React의 Material-UI는 Google의 Material Design 스타일 UI 인터페이스 프레임워크를 구현하는 React 구성 요소 라이브러리로, 만족스러운 애플리케이션 인터페이스를 빠르게 구축하는 데 사용할 수 있는 최초의 React UI 도구 세트 중 하나입니다.

Material-UI은 Google의 Material Design 스타일 UI 인터페이스 프레임워크를 구현하는 React 구성 요소 라이브러리입니다. 이는 또한 React를 위한 최초의 UI 도구 세트 중 하나입니다. 이를 사용하여 만족스러운 애플리케이션 인터페이스를 빠르게 구축하십시오.

Material-UI를 설치하는 방법은 무엇입니까?

// 安装material-ui
npm  install  @material-ui/core
// 安装material  icons
npm  install  @material-ui/icons

빠른 시작 사용

Material-UI 구성 요소는 독립적이고 자체 지원되며 작업 시 현재 구성 요소에 필요한 스타일만 주입합니다. Material-UI는 선택적 CssBaseline 구성 요소를 제공하지만 이러한 Material-UI 구성 요소는 전역 스타일 시트에 의존하지 않습니다.

import React from 'react';
import ReactDOM from 'react-dom';
import Button from '@material-ui/core/Button';  // 导入Button组件
function App() {
  return (
    <Button variant=&#39;contained&#39; color=&#39;primary&#39;>按钮</Button>
  );
}
ReactDOM.render(<App />, document.querySelector(&#39;#app&#39;));

구성 요소 지원

Materail-UI는 실제 지침을 따르려고 노력하지만 모든 구성 요소 또는 구성 요소의 모든 기능을 지원할 것으로 기대하지는 않습니다. Materail-UI는 개발자가 매력적인 사용자 인터페이스를 만드는 데 도움이 되는 일련의 구성 요소와 경험을 제공하고자 합니다.

관련 무료 학습 권장 사항: javascript(동영상)

위 내용은 React의 Material-UI 란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!