Определенный значок для индекса в шаблоне React with Material UI - PullRequest
Новая
       1

Определенный значок для индекса в шаблоне React with Material UI

0 голосов
/ 03 июня 2019

Я пытаюсь использовать if, потому что я хочу добавить значок для каждого ListItem, но React не позволяет мне делать это, как мне это сделать? Должен ли я что-то изменить? Заранее спасибо. 

   <List>
      {["Inbox", "Starred", "Send email", "Drafts"].map((text, index) => (
        <ListItem button key={text}>
          <ListItemIcon>
            {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
          </ListItemIcon>
          <ListItemText primary={text} />
        </ListItem>
      ))}
   </List>

Я пытался использовать это, но это не сработало: 

<ListItemIcon>
   {index === 0 <InboxIcon/>}
   {index === 1 <MailIcon/>}
   {index === 2 <DeleteForeverOutlinedIcon />}
   {index === 3 <DeleteTwoToneIcon />}
</ListItemIcon>

1 Ответ

0 голосов
/ 03 июня 2019

&& отсутствует в вашем коде. Вы должны написать что-то вроде 

<ListItemIcon>
   {index === 0 && <InboxIcon/>}
   {index === 1 && <MailIcon/>}
   {index === 2 && <DeleteForeverOutlinedIcon />}
   {index === 3 && <DeleteTwoToneIcon />}
</ListItemIcon>
...