【问题标题】: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 组件制作自己的下拉菜单。对话框也不起作用。

标签: material-ui preact


【解决方案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。
猜你喜欢
  • 2016-06-10
  • 2022-06-15
  • 1970-01-01
  • 2022-09-27
  • 1970-01-01
  • 1970-01-01
  • 2023-03-22
  • 2016-09-20
  • 2022-12-04
相关资源
最近更新 更多