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


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

我的程式碼練習

  • 切版介面:


  • 開發功能描述:

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








你可能感興趣的文章

第二章:3 驗證趨勢交易策略是否有效

第二章:3 驗證趨勢交易策略是否有效

自動化測試 x Puppeteer - 玩偶QA參一咖 Day05

自動化測試 x Puppeteer - 玩偶QA參一咖 Day05

Java 學習筆記 07 – JVM、JRE、JDK

Java 學習筆記 07 – JVM、JRE、JDK






留言討論