如果我想在过滤器和列表之间添加一些信息文本怎么办？

如何解决如果我想在过滤器和列表之间添加一些信息文本怎么办？

标题说明了一切。

我找不到很好的解决方案。

我要实现的内容如下。

“共找到10,000个密钥”

下面是我的代码

 return (
    <div className={classes.root}>
      <Grid container spacing={3}>
        <Grid item xs={12}>
          <List
            {...props}
            exporter={false}
            filters={<ComponentFilter choices={productPiNames} />}
            bulkActionButtons={<BulkActionButtons />}
          >
            <Datagrid>
             ...
            </Datagrid>
          </List>
        </Grid>
      </Grid>
    </div>
  );

解决方法

不要使用<List>组件，而应使用<ListBase>，它可以为JSX中的列表定义所需的确切布局。例如：

import { 
    Datagrid,ListBase,ListToolbar,BulkActionsToolbar,Pagination,useListContext,} from 'react-admin';
import Card from '@material-ui/core/Card';

const PostList = props => (
    <MyList {...props}>
        <Datagrid>
            ...
        </Datagrid>
    </MyList>
);

const MyList = props => (
    <ListBase>
        <h1>{props.title}</h1>
        <ListToolbar
            filters={props.filters}
            actions={props.actions}
        />
        <Card>
            <BulkActionsToolbar>
                {props.bulkActionButtons}
            </BulkActionsToolbar>
            {cloneElement(children,{
                hasBulkActions: props.bulkActionButtons !== false,})}
            <Pagination />
        </Card>
    </ListBase>
);

检查react-admin文档<List>第https://marmelab.com/react-admin/List.html#listbase章中的ListBase文档