材质 UI 插槽

Question

我试图理解slotsMaterial UI 中的概念，但找不到理解它们的方法，因为我在官方文档中找不到任何参考。

slots我在 Material UI 核心组件库中看到很多命名的对象，有人可以解释一下这些对象是什么以及它们是如何使用的吗？

例如在这个函数中：

const useUtilityClasses = (ownerState) => {
  const { classes } = ownerState;

  const slots = {
    root: ['root'],
  };

  return composeClasses(slots, getCardUtilityClass, classes);
};

Answer 1

当您想要自定义组件的特定部分时，它用于覆盖嵌套组件样式。使用这样的 API，您可以为每个插槽创建组件，例如使用样式组件，理论上您可以选择退出其他方式使用的样式机制。检查一下以便更好地理解：https ://github.com/mui/material-ui/issues/21453