如何使用在preact-material-components中选择

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