MUI Chip：如何禁用溢出/省略号？

Question

在React中使用MUI时，我希望根据标签的长度为Chip组件设置灵活的宽度。例如，如果是一个长标签，Chip应该有更宽的宽度。如果标签很短，Chip也可以有较小的宽度。总之，整个标签应该在Chip内完全可见，不应有省略号。

Answer 1

这是我已经完成的内容：

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