Reactjs 是否有可能覆盖列表组件的react admin分页以添加输入,从而允许选择我们的页面?

Reactjs 是否有可能覆盖列表组件的react admin分页以添加输入,从而允许选择我们的页面?,reactjs,material-ui,react-admin,Reactjs,Material Ui,React Admin,我想知道react admin是否允许我们覆盖列表组件中的实际分页,在“…”处添加输入,并直接输入页码,而不是单击按钮 经过一些调查,我不认为我们真的可以,但也许我错了,我想看看是否有人这样做了,或者这实际上是不可能的,可能是一个很好的功能添加。 我想你已经知道了 如果您查看下的文档,实际上有一个示例演示如何创建自定义分页 您可以添加自定义输入,如下所示 const PostPagination = () => { const { page, perPage, total, set

我想知道react admin是否允许我们覆盖列表组件中的实际分页,在“…”处添加输入,并直接输入页码,而不是单击按钮

经过一些调查,我不认为我们真的可以,但也许我错了,我想看看是否有人这样做了,或者这实际上是不可能的,可能是一个很好的功能添加。
我想你已经知道了

如果您查看下的文档,实际上有一个示例演示如何创建自定义分页

您可以添加自定义输入,如下所示

const PostPagination = () => {
    const { page, perPage, total, setPage } = useListContext();
    const nbPages = Math.ceil(total / perPage) || 1;
    return (
        nbPages > 1 &&
            <Toolbar>
                {page > 1 &&
                    <Button color="primary" key="prev" onClick={() => setPage(page - 1)}>
                        <ChevronLeft />
                        Prev
                    </Button>
                }
                {page !== nbPages &&
                    <Button color="primary" key="next" onClick={() => setPage(page + 1)}>
                        Next
                        <ChevronRight />
                    </Button>
                }

                {/* add a custom input */}
                <input value={some state} onChange={(e) => setPage(e.target.value)} />


        </Toolbar>
);
const PostPagination=()=>{
const{page,perPage,total,setPage}=useListContext();
const nbPages=Math.ceil(总计/每页)| 1;
返回(
nbPages>1&&
{page>1&&
设置页面(第1页)}>
上
}
{page!==nbpage&&
设置页面(第+1页)}>
下一个
}
{/*添加自定义输入*/}
setPage(e.target.value)}/>
);

}

我已经试过了,但是如果我们使用这个例子,我们会删除分页中的一些功能,比如rowsPerPageOptions。。。这个示例只是使用我们的分页,而不是使用实际的分页,并且更加灵活:/向下滚动一点关于扩展分页组件的内容。在这里我什么都不做