[筆記] 哎呀！不小心刻了一套 React UI 元件庫 4 – Checkbox

此篇接續上篇 [筆記] 哎呀！不小心刻了一套 React UI 元件庫 3 – Radio，來刻 Checkbox。

---

[ Repo ]：https://github.com/andy922200/practice-storybook-react

---

內容

Checkbox 跟 Radio 的行為相似，但 Radio 多以圓形表示單選，而 Checkbox 則是方框表示多選。

不過 Checkbox 若要做到 Group 的效果，無需額外製作一個 CheckboxGroup，可簡單的利用 Array 的 map 方法來達成顯示，並自行撰寫一個 onClick 方法來寫入值即可。

---

程式碼

https://github.com/andy922200/practice-storybook-react/commit/380a2769ae58e06a445ef4a8be2c7f3b19132c04

---

相關文章

按讚加入粉絲團

延伸閱讀

• [筆記] 程式必修課！離散數學與演算法 – 142
• [筆記] 程式必修課！離散數學與演算法 – 141
• [筆記] 程式必修課！離散數學與演算法 – 140
• [筆記] 程式必修課！離散數學與演算法 – 138
• [筆記] Nuxt2 + Buefy0.X + Axios 升級至 Nuxt4 + Buefy1.X + ofetch