用户列表左侧出现蓝点

Question

我有这个if($days_alive + 365 >= 20000) { echo(date('Y'); } 功能：

render

当我最初加载页面时，每个用户左侧都会出现下面的蓝点：

如果我然后单击指向另一个页面的链接，然后单击浏览器后退箭头以返回到“用户”页面，则会出现没有蓝点的用户列表：

我希望蓝点永远不会出现。我该怎么做？

Answer 1

我假设嵌套组件中的某处有某种li。

这些点来自html列表中的项目符号点，可以通过添加以下css来删除：

ul {
  list-style-type: none !important;
}

如果该组件是Material-UI库的一部分，则可能需要添加！important

Answer 2

今天，我使用React material ui v4.6.0中的ListItem组件遇到了同样的问题。

如果将“ ListItemSecondaryAction”组件用作“ ListItem”组件的最后一个子代，则将显示光盘的默认列表样式类型值。

根据React Material UI Docs，当ListItemSecondaryAction用作最后一个子级时，ContainerComponent属性的值将设置为“ li”。

将ContainerComponent属性的值更改为其他元素类型（例如“ div”）可以解决此问题。

        <ListItem button ContainerComponent="div">
      <ListItemAvatar>
        <Avatar src={photoUrl} className={classes.bigAvatar} />
      </ListItemAvatar>
      <ListItemText primary={item.name} />
      <ListItemSecondaryAction>
        <IconButton>
          <ArrowForward />
        </IconButton>
      </ListItemSecondaryAction>
    </ListItem>