前端项目实战捌拾柒react-admin+material ui-踩坑-List的用法之aside组件FilterLiveSearch搜索按钮

我是歌谣 这里是歌谣的前端笔记小屋 想加入前端巅峰人才交流群私信我

export const PostFilterSidebar = () => (
    <Card sx={{ order: -1, mr: 2, mt: 9, width: 200 }}>
        <CardContent>
            <SavedQueriesList />
            <FilterLiveSearch />
            {/* <FilterList label="Subscribed to newsletter" icon={<MailIcon />}>
                <FilterListItem label="Yes" value={{ has_newsletter: true }} />
                <FilterListItem label="No" value={{ has_newsletter: false }} />
            </FilterList> */}
            <FilterList label="flag" icon={<CategoryIcon />}>
                <FilterListItem label="true" value={{ flag: 'true' }} />
                <FilterListItem label="false" value={{ flag: 'false' }} />
    
            </FilterList>
        </CardContent>
    </Card>
);

运行结果