Material-UI：將材質標籤添加到material-ui Tabbar（選項卡）中的選項卡

Question

我有Material-UITabs組件，其中包含5個選項卡組件作爲子項。我想在Tab上顯示Badge。徽章將在每個標籤下顯示未讀項目。

我有兩個版本的標籤欄。一個用於帶圖標和文本的桌面，另一個用於包含圖標的移動設備。我怎樣才能定位徽章，使其在兩個版本上都能正確放置。即使沒有選擇標籤，也應顯示徽章（如果我將徽章設置爲子標籤到標籤，則未選中標籤時將隱藏標籤）。

Answer 1

您可以將徽章組件放入標籤組件的圖標或標籤屬性中。只是檢查我的回購在GitHub上 - >https://github.com/adhed/todo-app

Answer 2

你可以這樣說：

<Tab label={<Badge badgeContent={this.state.messageCount} color="primary"> 
    Messages 
</Badge>} value="/messages" />