在使用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中, 只有等里面所有的对象都被创建完成了, 才会继续往下执行, 以达到同步的效果