如果我有一個很大的項(xiàng)目列表，每個項(xiàng)目都有一個類別，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 中，它們被用作類別的選項(xiàng)卡標(biāo)題：  <AppBar>    <Tabs      value={tabIndex}      onChange={handleChange}      indicatorColor="secondary"      variant="scrollable"      scrollButtons="auto"    >      {categories.map((i) => (        <Tab          key={i}          label={i}        />      ))}    </Tabs>  </AppBar>然后我在選項(xiàng)卡標(biāo)題下有一長串項(xiàng)目，這些項(xiàng)目按類別分類在一起。我如何使用選項(xiàng)卡通過自動滾動到基于所選選項(xiàng)卡的位置中的第一個類別以及在滾動到列表中的特定第一個索引時自動更新選項(xiàng)卡位置來按順序?yàn)g覽列表。對于一個視覺示例：使用制表符在需要按特定順序閱讀的連續(xù)內(nèi)容中移動的示例圖像我怎樣才能在材料 ui 和反應(yīng)中實(shí)現(xiàn)這樣的東西？總之，滾動瀏覽具有類別并按類別排序的大量項(xiàng)目從選項(xiàng)卡選擇自動滾動到第一個列表位置類別根據(jù)列表滾動位置自動選擇標(biāo)簽