回复：React NavLink：动态生成NavLink时，活动类消失

Question

当列表更改并且没有先前的活动链接时，活动类消失。 我想在列表更新时默认将第一个元素设置为活动

列表

  function GenreList(props) {
    return(
      <div className="nav flex-column nav-pills">
        {props.selectedGenres
          .map((genre, id) => <GenreListItem genre={genre} key={genre.id}/>)
        }
      </div>
    );
  }

    export default GenreList

列表项

  function GenreListItem(props) {
    return(
      <NavLink 
        exact 
        to={`/home/${props.genre.id}`}
        className="list-group-item"
        activeClassName="active" >{props.genre.name}</NavLink>
    );
  }