react-router-dom中NavLink中activeClassName和className

在我進行練習點擊高亮事件的時候發現activeClassName並不能在類的后面添加另一個類，然后經過搜索發現activeClassName已經被廢除了

在新的語法中，添加高亮事件

                            <NavLink className={({ isActive }) =>isActive ? "light" : ""} to="/about" >About</NavLink>

注意：在light前面需要添加一個空格，不然兩個類名拼接在一起就不能觸發高亮效果

                            <NavLink className={({ isActive }) => "list-group-item" + (isActive ? " light" : "")} to="/about" >About</NavLink>

需要在className中添加一個回調函數