MUI-Chip: Wie deaktiviere ich Überlauf/Ellipsen?

Question

Wenn ich MUI in React verwende, möchte ich eine flexible Breite für die Chip-Komponente basierend auf der Länge des Etiketts festlegen. Wenn es sich beispielsweise um ein langes Etikett handelt, sollte Chip eine größere Breite haben. Wenn das Etikett kurz ist, kann der Chip auch eine geringere Breite haben. Kurz gesagt, das gesamte Etikett sollte vollständig im Chip sichtbar sein und es sollten keine Ellipsen vorhanden sein.

Answer 1

这是我已经完成的内容：

<Chip
  sx={{
    padding: '0 8px',
    '& .MuiChip-label': {
      overflow: 'visible',
    },
  }}
  ...
/>