如何在 Preact 上安装 Material UI？答案

【问题标题】：How to install Material UI on Preact?如何在 Preact 上安装 Material UI？
【发布时间】：2018-10-05 07:55:33
【问题描述】：

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

【问题讨论】：

嘿 Liza，根据您对以下答案的评论，您能否提供一些有关使用 Preact 使用 Material UI 的信息？安装很简单，但我遇到了元素锚点的问题（即下拉菜单显示在错误的位置）。
嘿@itwasntme，是的，有些组件不能正常工作，下拉菜单就是其中之一。我们必须使用 List 组件制作自己的下拉菜单。对话框也不起作用。

【解决方案1】：

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

您可以使用 npm 安装它：

npm i preact-material-components

或者使用纱线：

yarn add preact-material-components

要在项目中使用组件，在本例中为按钮，请导入组件及其 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，但我相信它会尽快更新，因为我找不到任何有关版本之间任何重大更改的信息。

【讨论】：

谢谢，我知道这个库，但它和Material UI不一样。我的同事已经以某种方式在 Preact 上安装了 Material UI 1.2.0。