プライムリアクト

プライムリアクト

PrimeReact は、React 用のオープンソース UI コンポーネントの豊富なセットです。ライブ ショーケースとドキュメントについては、PrimeReact ホームページを参照してください。

ダウンロード

PrimeReact は npm で入手できます。

# Using npm
npm install primereact

# Using yarn
yarn add primereact

# Using pnpm
pnpm add primereact

輸入

各コンポーネントは個別にインポートできるため、使用するものだけをバンドルできます。インポート パスは、対応するコンポーネントのドキュメントで参照できます。

 //import { ComponentName } from 'primereact/{componentname}';import { Button } from 'primereact/button';export デフォルト関数 MyComponent() {
  return (
  )}

テーマ設定

PrimeReact には 2 つのテーマ モードがあります。スタイル付きまたはスタイルなし。

スタイルモード

スタイル モードは、マテリアル、ブートストラップ、PrimeOne テーマなどの独自のテーマを備えた事前にスキンされたコンポーネントに基づいています。テーマはインポートに必要な CSS ファイルです。選択できるテーマの完全なリストについては、「テーマ」セクションにアクセスしてください。

 // テーマインポート 'primereact/リソース/テーマ/lara-light-シアン/テーマ.css';

スタイルなしモード

スタイルなしモードは、デフォルトではすべてのコンポーネントで無効になっています。 PrimeReact コンテキストを使用して、 unstyled true に設定してグローバルに有効にします。詳細と例については、スタイルなしモードのドキュメントを参照してください。