如何使用React和Material UI访问列表中所选项目的索引？

import React, { useState } from 'react';
import { List, ListItem, ListItemText } from '@material-ui/core';

const [selectedIndex, setSelectedIndex] = useState(null);

const handleListItemClick = (event, index) => {
  setSelectedIndex(index);
};

<List component="nav">
  <ListItem
    button
    selected={selectedIndex === 0}
    onClick={(event) => handleListItemClick(event, 0)}
  >
    <ListItemText primary="项目1" />
  </ListItem>
  <ListItem
    button
    selected={selectedIndex === 1}
    onClick={(event) => handleListItemClick(event, 1)}
  >
    <ListItemText primary="项目2" />
  </ListItem>
  {/* 添加更多项目 */}
</List>