Невозможно добавить прослушиватель onClick / Event в ListItem в MaterialUI

Question

В настоящее время я не могу добавить простой прослушиватель событий для ListItem в MaterialUI, и он не слышен. Есть идеи, почему это может быть? 100

Шаги для воспроизведения ?

Используя последнюю версию ядра (4.9.10), создайте простой список с использованием подхода .map ():

<List dense={true}>
 {
   types.map(({ icon, primary, secondary }) => (
     <ListItem key={primary} onClick={() => console.log(primary)}>
       <ListItemIcon>
         { icon }
       </ListItemIcon>
       <ListItemText
         primary={primary}
         secondary={secondary}
       />
   </ListItem>
   ))
 }
 </List>

Среда 100

• Material-UI v4.9.10
• React v16.12.0

Answer 1

Этот код работает для меня:

import React from 'react';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';
import ListItemIcon from '@material-ui/core/ListItemIcon';


export default function DemoList() {
  const types=[{
    icon: 'icon',
    primary:'primaryText',
    secondary:'secondaryText'
  }]

  return (
    <List dense={true}>
 {
   types.map(({ icon, primary, secondary }) => (
     <ListItem key={primary} onClick={() => {console.log(primary)}}>
       <ListItemIcon>
         { icon }
       </ListItemIcon>
       <ListItemText
         primary={primary}
         secondary={secondary}
       />
   </ListItem>
   ))
 }
 </List>
  );
}