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

Question

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

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

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>
        );
    }
}

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

Answer 1

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

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