類似 

<option>北京</option>

<option>上海</option>

.....

<option>西藏</option>

這樣的程式碼複製了很多次，被人批評了。。。 後來在react裡找到了更好的解決辦法，核心就是把資料層和 view 層隔開，複用。

 解決方法：

var province_map = [
                {"code":"beijing","cn":"北京"},
                {"code":"shanghai","cn":"上海"},
                {"code"
 
:"tianjin","cn":"天津"},
                {"code":"chongqing","cn":"重慶"},
                {"code":"hebei","cn":"河北"},
                {"code":"shanxi","cn":"山西"},
                {"code":"henan","cn":"河南"},
                {"code":"liaoning","cn":"遼寧"},
                {"code":"jilin","cn":"吉林"},
                {"code"
 
:"heilongjiang","cn":"黑龍江"},
                {"code":"neimenggu","cn":"內蒙古"},
                {"code":"jiangsu","cn":"江蘇"},
                {"code":"shandong","cn":"山東"},
                {"code":"anhui","cn":"安徽"},
                {"code":"zhejiang","cn":"浙江"},
                {"code":"fujian","cn":
 
"福建"},
                {"code":"hubei","cn":"湖北"},
                {"code":"hunan","cn":"湖南"},
                {"code":"guangdong","cn":"廣東"},
                {"code":"guangxi","cn":"廣西"},
                {"code":"jiangxi","cn":"江西"},
                {"code":"sichuan" ,"cn":"四川"},
                {"code":"hainan","cn":"海南"},
                {"code":"guizhou","cn":"貴州"},
                {"code":"yunnan","cn":"雲南"},
                {"code":"xizang","cn":"西藏"},
                {"code":"shaanxi","cn":"陝西"},
                {"code":"gansu","cn":"甘肅"},
                {"code":"qinghai","cn":"青海"},
                {"code":"ningxia","cn":"寧夏"},
                {"code":"xinjiang","cn":"新疆"}
        ];

然後在 react 裡幾行程式碼就可以了： 

    var options = utils.province_map.map(function(data){
        return <option value={data.code} key={data.code} >{data.cn}</option>
});