Javascript 出现在用户列表左侧的蓝点

我有这个

渲染

功能：

render() {
    const {classes} = this.props
    return (
      <Paper className={classes.root} elevation={4}>
        <Typography type="title" className={classes.title}>
          All Users
        </Typography>
        <List dense>
         {this.state.users.map((item, i) => {
          const photoUrl = item._id
              ? `/api/users/photo/${item._id}?${new Date().getTime()}`
              : '/api/users/defaultphoto'
          return <Link to={"/user/" + item._id} key={i}>
                    <ListItem button>
                      <ListItemAvatar>
                        <Avatar src={photoUrl} className={classes.bigAvatar}/>
                      </ListItemAvatar>
                      <ListItemText primary={item.name}/>
                      <ListItemSecondaryAction>
                      <IconButton>
                          <ArrowForward/>
                      </IconButton>
                      </ListItemSecondaryAction>
                    </ListItem>
                 </Link>
               })
             }
        </List>
      </Paper>
    )
  }
}

render（）{
const{classes}=this.props
返回(
所有用户
{this.state.users.map（（项，i）=>{
常量photoUrl=项目。\u id
？`/api/users/photo/${item.\u id}？${new Date（）.getTime（）}`
：“/api/users/defaultphoto”
返回

如果单击指向其他页面的链接，然后单击浏览器返回箭头返回到用户页面，则用户列表将显示，但不带蓝点：


如果蓝点不出现，我更愿意。我该怎么做？
我假设嵌套组件中的某个地方有某种类型的
li

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

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

如果组件是Material UI库的一部分，您可能需要添加！important
我今天使用react Material UI v4.6.0中的ListItem组件遇到了相同的问题

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

根据，当ListItemSecondaryAction用作最后一个子项时，ContainerComponent属性的值将设置为'li'

将ContainerComponent属性的值更改为其他elementType，如“div”，修复了该问题

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


您能在问题中指定您正在使用的库吗？React的材质UI规范有很多实现，您的特定问题可能特定于您正在使用的库。您好@err1100，我不知道您的意思。这是我正在使用的材质UI：可能。我必须查看它是否存在。如果有cl您为整个列表指定的名称可以执行类似于
.myuserlist*{list style-type:none！important；}
，然后它将捕获材质ui库呈现的任何列表。我找不到任何
li
，尽管我读了一些书，发现
ListItem
的默认
组件
是
li
。也许这就是它得到它的地方。即使是这样，我也不知道
列表样式类型：无！导入ant；
会去的。你把它放在你的css文件中。自从我上次发表评论以来，我没有做任何更改，但蓝点不再出现。可能是缓存了一些东西，重新启动浏览器清除了它。很高兴这已经排序。谢谢你的帮助。谢谢，这为我解决了问题。我的问题是我在列表中使用AutoSizer（来自react virtualized）这会阻止某些材质UI css的应用，导致出现项目符号。