时间戳

首页 > 解决方案 > 如何在 Preact 上安装 Material UI？

material-ui - 如何在 Preact 上安装 Material UI？

问题描述

我读过 Material UI 的最后一个版本与 Preact 不兼容，但以前的版本可以使用它，有些人集成了一些以前的版本。但我不知道哪些特定版本，我如何安装其中一个。有人可以帮忙吗？

标签： material-uipreact

解决方案

您可以通过 preact -material-components包将Material Design Components与 Preact 一起使用。

您可以使用 npm 安装它：

npm i preact-material-components

或者通过使用纱线：

yarn add preact-material-components

要在您的项目中使用组件，在此示例中为 Button，请导入该组件及其 CSS：

import { h } from 'preact'

import { Button } from 'preact-material-components/Button'
import 'preact-material-components/Button/style.css'

export const ChattyButton = () => (
  <Button raised onClick={e => alert('You clicked the button!')}>Click me</Button>
)

现在 preact-material-components v1.5.5 仍然依赖于 MDC v0.39，而 MDC 的最新版本是 v0.42，但我相信它会很快更新，因为我找不到任何关于任何的信息版本之间的重大更改。

推荐阅读