引發反應
10.8.4
PrimeReact 是一組豐富的 React 開源 UI 元件。請參閱 PrimeReact 主頁以取得現場展示和文件。
PrimeReact 可在 npm 上使用。
# Using npm npm install primereact # Using yarn yarn add primereact # Using pnpm pnpm add primereact
每個元件都可以單獨匯入,這樣您就可以只捆綁您使用的元件。導入路徑可在對應元件的文件中找到。
//從 'primereact/{componentname}'導入 { ComponentName };從 'primereact/button'導入 { Button };導出預設函數 MyComponent() { 返回(<按鈕標籤=“PrimeReact”/> )}
PrimeReact 有兩種主題模式;有樣式或無樣式。
風格模式
樣式模式基於預先皮膚組件,具有固執己見的主題,例如 Material、Bootstrap 或 PrimeOne 主題。主題是匯入所需的 css 文件,請造訪主題部分以取得可供選擇的可用主題的完整清單。
// themeimport 'primereact/resources/themes/lara-light-cyan/theme.css';
無樣式模式
預設情況下,所有元件都停用無樣式模式。使用 PrimeReact 上下文,將unstyled
設為 true 以全域啟用它。請造訪無樣式模式文件以取得更多資訊和範例。