Синяя точка появляется слева от списка пользователей

Question

У меня есть эта render функция:

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>
    )
  }
}

Когда я первоначально загружаю страницу, слева от каждого пользователя появляется нижняя синяя точка:

Если я затем нажму на ссылку на другую страницу, а затем на стрелку браузера, чтобы вернуться на страницу «Пользователи», список пользователей появится без синей точки:

Я бы предпочел, чтобы синяя точка никогда не появлялась.Как мне это сделать?

Answer 1

Я предполагаю, что где-то во вложенных компонентах у вас есть li какого-то рода.

Точки взяты из маркеров списка HTML и могут быть удалены путем добавления следующего CSS:

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

Если компонент является частью библиотеки Material-UI, вам может потребоватьсядобавить! важный