material-ui [分页项] 允许传递子项

vc6uscn9  于 5个月前  发布在  其他
关注(0)|答案(2)|浏览(35)

重复问题

  • 我搜索了现有的问题

最新版本

  • 我测试了最新版本

总结 💡

children 属性,如果传递给 PaginationItem ,应该显示而不是这种类型的 PaginationItem 的默认内容。

示例 🌈

参见动机。

动机 🔦

我想要做的事情是:

previousnext 按钮只是直接的 outlinedPaginationItem s,但我不能只将 Today 作为第三个按钮的文本。
我可以通过自定义图标组件属性来实现我想要的效果,但这非常丑陋:

const ThisWorksSomehow = () => {
		return "Today";
	};

	return (
		<PaginationItem
			type="first"
			variant="outlined"
			shape="rounded"
			components={{ first: ThisWorksSomehow }}
		/>
	);
baubqpgj

baubqpgj1#

好的点子。我认为添加 children 不应该有问题,尽管我需要其他团队成员的审查。同时,你能提供一个复现吗?你可以fork这个Codesandbox模板:https://material-ui.com/r/issue-template-latest

相关问题