Как установить интерфейс материалов в Preact?

Question

Я читал, что последняя версия Material UI несовместима с Preact, но предыдущая работает с ним, некоторые люди интегрировали некоторые из предыдущих версий.Но я не знаю, какие именно версии и как я могу установить одну из них.Кто-нибудь может помочь?

Answer 1

Вы можете использовать Компоненты дизайна материала с Preact, используя пакет preact-material-components .

Вы можете установить его, используя 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, но я уверен, что она будет обновлена ​​достаточно скоро, так как я не смог найти никакой информации олюбые критические изменения между версиями.