如何在Preact上安装Material UI?

时间:2018-10-05 07:55:33

标签: material-ui preact

我已经读到Material UI的最新版本与Preact不兼容,但是以前的版本可以使用它,有些人集成了一些以前的版本。但是我不知道哪个特定版本,如何安装其中一个。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

您可以使用Material Design Components软件包将preact-material-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,但是我确定它将尽快更新,因为我找不到任何内容。有关版本之间任何重大更改的信息。