向 Material UI 中持久抽屉的切换菜单添加文本

Question

我想在具有持久抽屉切换按钮的区域（我已圈出的区域）添加一些文本。这可能吗？如果是这样，我将如何实施？

我查看了 Stack Overflow 和 Material UI 的文档，我的这个问题似乎没有答案。

Answer 1

您可以在

DrawerHeader

组件中添加任何您想要的文本（在本例中为“自定义标题文本”）：

<DrawerHeader>
  custom header text
  <IconButton onClick={handleDrawerClose}>
    {theme.direction === "ltr" ? (
      <ChevronLeftIcon />
    ) : (
      <ChevronRightIcon />
    )}
  </IconButton>
</DrawerHeader>

您可以查看 this StackBlitz 以获取实时工作示例。