Was ist Material-UI in React?

Material-UI in React ist eine React-Komponentenbibliothek, die das UI-Schnittstellen-Framework im Material-Design-Stil von Google implementiert. Es ist auch eines der ersten React-UI-Toolsets, mit denen schnell eine ansprechende Anwendungsoberfläche erstellt werden kann.

Material-UI ist eine React-Komponentenbibliothek zur Implementierung des UI-Schnittstellen-Frameworks im Material Design-Stil von Google. Es ist auch eines der ersten UI-Toolsets für React. Verwenden Sie es, um schnell eine ansprechende Anwendungsoberfläche zu erstellen.

Wie installiere ich Material-UI?

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

Schnellstart-Verwendung

Material-UI-Komponenten sind unabhängig und selbsttragend und fügen beim Arbeiten nur die Stile ein, die von der aktuellen Komponente benötigt werden. Diese Material-UI-Komponenten basieren nicht auf globalen Stylesheets, obwohl Material-UI die optionale CssBaseline-Komponente bereitstellt.

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;));

Unterstützung für Komponenten

Materail-UI ist bestrebt, aktuelle Richtlinien zu befolgen, erwartet jedoch nicht, jede Komponente oder jedes Feature einer Komponente zu unterstützen. Materail-UI möchte eine Reihe von Bausteinen und Erfahrungen bereitstellen, die Entwicklern dabei helfen, überzeugende Benutzeroberflächen zu erstellen.

Verwandte kostenlose Lernempfehlungen: Javascript (Video)

Das obige ist der detaillierte Inhalt vonWas ist Material-UI in React?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!