如果我有一個很大的項目列表，每個項目都有一個類別，const categories: string[] = [0, 1, 2, 3, 4, 5];const items: {name: string, category: number}[] = [{name: "foo", category: 1}, {name: "bar", category: 1}, {name: "foobar", category: 2}, {name: "barfoo", category: 3}, ... etc.];..在 material-ui 中，它們被用作類別的選項卡標題：  <AppBar>    <Tabs      value={tabIndex}      onChange={handleChange}      indicatorColor="secondary"      variant="scrollable"      scrollButtons="auto"    >      {categories.map((i) => (        <Tab          key={i}          label={i}        />      ))}    </Tabs>  </AppBar>然后我在選項卡標題下有一長串項目，這些項目按類別分類在一起。我如何使用選項卡通過自動滾動到基于所選選項卡的位置中的第一個類別以及在滾動到列表中的特定第一個索引時自動更新選項卡位置來按順序瀏覽列表。對于一個視覺示例：使用制表符在需要按特定順序閱讀的連續內容中移動的示例圖像我怎樣才能在材料 ui 和反應中實現這樣的東西？總之，滾動瀏覽具有類別并按類別排序的大量項目從選項卡選擇自動滾動到第一個列表位置類別根據列表滾動位置自動選擇標簽