ReactJs:映射函数中的属性类型无效。类型为“数组”的属性“children”无效`

Question

警告：失败的道具类型：提供给ForwardRef（ListItemIcon）的数组类型的无效道具子项，应为单个元素。

链接中（在App.js:258）

在ul（由ForwardRef（List）创建）

在ForwardRef（列表）中（由WithStyles（ForwardRef（列表））创建）

在与样式（转发参考（列表））（在pp.js:255）

在div中（位于App.js:249）

const sideList = side => (
        <div
          className={classes.fullList}
          role="presentation"
          onClick={toggleDrawer(side, false)}
          onKeyDown={toggleDrawer(side, false)}
        >
          <List>
            {["Домашняя страница", "Войти", "Акции", "Служба поддержки"].map(
              (text, index) => (
                <Link
                  key={index}
                  to={`${(index === 0 && "/") ||
                    (index === 1 && "/LoginPage") ||
                    (index === 2 && "/Sales") ||
                    (index === 3 && "/Contacts")}`}
                >
                  <ListItem button key={text}>
                    <ListItemIcon>
                      {index === 0 && <HomeIcon />}
                      {index === 1 && <AccountBoxIcon />}
                      {index === 2 && <MonetizationOnIcon />}
                      {index === 3 && <ContactSupportIcon />}
                    </ListItemIcon>
                    <ListItemText primary={text} />
                  </ListItem>
                </Link>
              )
            )}
          </List>
          <Divider />
          <List>
            {/* <ListItem>
              <ListItemIcon button key={"Выйти"}>
                <ExitToAppIcon />
              </ListItemIcon>
              <ListItemText primary="Выйти" />
            </ListItem> */}
            {["Выйти", `Город: ${city}`].map((text, index) => (
              <Link key={index} to={`${index === 1 && "/UserCityPage"}`}>
                <ListItem button key={text}>
                  <ListItemIcon>
                    {index === 0 && <ExitToAppIcon />}
                    {index === 1 && <LocationCityIcon />}
                  </ListItemIcon>
                  <ListItemText primary={text} />
                </ListItem>
              </Link>
            ))}
          </List>
        </div>
      );




Answer 1

因为