React のマテリアル UI とは

React のマテリアル UI は、Google のマテリアル デザイン スタイルの UI インターフェイス フレームワークを実装する React コンポーネント ライブラリです。これは、最初の React UI ツールセットの 1 つでもあります。これを使用すると、快適なアプリケーション インターフェイスを迅速に構築できます。

material-UI は、Google のマテリアル デザイン スタイルの UI インターフェイス フレームワークを実装するための React コンポーネント ライブラリです。これは、React の最初の UI ツールセットの 1 つでもあります。これを使用して、快適なアプリケーション インターフェイスをすばやく構築します。

マテリアル UI をインストールするにはどうすればよいですか?

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

クイック スタートの使用

マテリアル UI コンポーネントは独立して自立しており、作業時に現在のコンポーネントに必要なスタイルのみを挿入します。これらのマテリアル UI コンポーネントはグローバル スタイル シートに依存しませんが、マテリアル UI はオプションの CssBaseline コンポーネントを提供します。

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 のマテリアル UI とはの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。