在使用react時的異步問題解決

在時用react時, 常常會出現在創建一個對象后, 對象還沒有創建完成就被使用的異步問題, 介於這種問題, 一種解決方法就是使用Promise, 將需要被等待的那一步放到Promise中, Promise會強制等這步執行完才會進行下一步, 例如

new Promise((resolve, reject) => {
    const amaps = AMap.service(['AMap.PlaceSearch'], () => {
        placeSearch = new AMap.PlaceSearch({ // 構造地點查詢類
            pageSize: roadSize,
            pageIndex: roadPage,
            city: '0571',
            map: gdMap,
        });
    });
    resolve(amaps);
}).catch((error) => {
    reject(error);
}).then((json) => {
    console.log(json, placeSearch);
});
placeSearch.search(param, (status, result) => {
    if (roadData.length > 0) {
        for (let i = 0; i < 10; i += 1) {
            ......
        }
    });
}

以上代碼, 在Promise中, 只有等里面所有的對象都被創建完成了, 才會繼續往下執行, 以達到同步的效果