悬停时补充工具栏菜单已扩展

Question

我目前有此reactJS代码，使我可以保留链接的备用列表：

<aside>
          <nav>
            <ul className="top-level-nav main-nav">
                <NavLink to="/upload" ><TiUpload className="nav-icon"></TiUpload> <span className="nav-label"></span></NavLink>
                <NavLink to="/mapping" ><FaDatabase className="nav-icon"></FaDatabase> <span className="nav-label"></span></NavLink>
                  <NavLink to="/allocation" ><MdFlare className="nav-icon"></MdFlare> <span className="nav-label"></span></NavLink>
                  <NavLink to="/test" ><TiStopwatch className="nav-icon"></TiStopwatch> <span className="nav-label"></span></NavLink>
                  <NavLink to="/supervision" ><GoTools className="nav-icon"></GoTools> <span className="nav-label"></span></NavLink>

            </ul>
          </nav>
      </aside>

当前渲染如下： Image 1

但是我想在悬停条目时执行类似的操作： Image 2

我是HTML / CSS的新手，有人可以给我看类似的东西或给我一些技巧吗？