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