如何在 preact-material-components 中使用 Select

Question

我在 PWA 上使用 preact-material-components。

我想添加一个 Select 菜单，这样我就可以这样做：

import { h, Component } from 'preact';
import Select from 'preact-material-components/Select';
import 'preact-material-components/Select/style.css';

然后

export default class Home extends Component {
    render() {
        return (
            <div class={style.home}>
                <h1>Home route</h1>

                <Select>
                    <Select.Item>Frutas y Verduras</Select.Item>
                    <Select.Item>Farmacia</Select.Item>
                    <Select.Item>Comida Rapida</Select.Item>
                    <Select.Item>Limpieza</Select.Item>
                </Select>
            </div>
        );
    }
}

但是 Select 菜单看起来一点都不好，我可以使用开发工具看到正在导入样式，但看起来 CSS 有问题，我是新手React 所以我想知道你对这段代码的看法。

Answer 1

如果您单独使用此组件，请不要忘记导入 'preact-material-components/Menu/style.css' 和 'preact-material-components/List/style.css'

来自 https://material.preactjs.com/component/select