$ ./use-tw-zipcode
台灣的郵遞區號是縣市加鄉鎮市區決定的,所以沒必要叫使用者自己填 —— 讓他選完地址,號碼自己出來就好。這個 hook 只管資料與連動邏輯,不帶任何 UI 或 CSS。
換縣市時區會自動重設成該縣市的第一個區,郵遞區號跟著更新。下面兩個是原生的 <select>,跟 README 的範例一樣。
// 縣市
// 鄉鎮市區
// 郵遞區號
100
// the call above
import { useTwZipCode, cities, districts } from "use-tw-zipcode";
const { city, district, zipCode, handleCityChange, handleDistrictChange } =
useTwZipCode();
// city → "台北市"
// district → "中正區"
// zipCode → "100"