react實現底部固定菜單欄

在項目中經常會碰到這種需求，底部固定的菜單欄目，本來是想直接用react-router-dom組件的navLink來實現的，因爲navLink組件有個屬性 activeClassName設置選中樣式，默認值爲active,通過這個直接給選中的當前頁面添加一個選中的樣式即可，但是因爲我想在裏面加入一個圖標，這就涉及到圖標也要切換了，搗鼓了一下也不知道怎麼用navLink來實現，最後就只能自己來寫了。

>>阅读原文<<