[React]製作可重用Navbar Component

接續上一篇，navbar元件其實寫的不是很好，還不能說是可真正reuse，我們把程式改成這樣，透過props傳入navbar的items，定義好navbar title, li的href/name/active等等，就可以達到navbar元件無須改code就能重用的目的!

Navbar 元件中用map來loop，判斷到active是Y則加入active class。

如此一來，這個navbar component未來在其他專案我可以直接拿來重用，只要從外部傳入定義好的項目，不管要幾個，href指到哪，哪些要active，背景要換什麼顏色，通通都可以做到! 上一篇為了簡單化，是直接寫死html在navbar元件裡面。

成果畫面:

Source code:

本筆記參考: 1. https://stackoverflow.com/questions/47616355/react-foreach-in-jsx 2. https://stackoverflow.com/questions/31883601/passings-array-as-props-in-reactjs