Question

我尝试使用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>

Answer 1

您的代码中缺少&&。你应该写类似

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

React with Material UI模板中的索引的某些图标

1 个答案: