У меня есть компонент выдвижного ящика, в который я помещаю свои элементы списка в список, при каждом щелчке по каждому элементу списка я перехожу на соответствующую страницу. Я могу сделать это успешно, но когда я хочу обновить состояние при каждом щелчке по элементу списка, оно не обновляется одним щелчком. Я хочу обновить свое состояние соответствующим индексом. Если я удалю компонент и реквизиты в ListItem, состояние обновления работает нормально. Может ли кто-нибудь помочь мне в этом.
const [value, setValue] = useState(0);
const handleListItemClick = (event, index) => {
setValue(index);
}
<ListItem
button
selected={selected}
onClick={event => handleListItemClick(event, 0)}
component={Link}
to={"/home"}
>
<ListItem
button
selected={selected}
onClick={event => handleListItemClick(event, 1)}
component={Link}
to={"/some-page"}
>