React-[專案篇]-Accordion元件 V.1

這篇是透過Accordion的小專案，來練習如何設置useState以及透過三元運算子與state的判斷來作出符合情境的UI

我的程式碼練習

• 切版介面：
  
  
  

• 開發功能描述：

  • 未點擊accordion時，icon是 ＋ ;點擊後，icon是 - 。
  • 點擊該accordion，會展開詳細資料;在點擊一次，會收回
  • 點擊該accordion，number 以及title以及icon會變顏色，並且在該accordion中，border-top也會變色。
  • 點擊該accordion，展開詳細資料；在點擊其他的accordion，原來的accordion還是展開的。