在使用react时的异步问题解决

在时用react时, 常常会出现在创建一个对象后, 对象还没有创建完成就被使用的异步问题, 介于这种问题, 一种解决方法就是使用Promise, 将需要被等待的那一步放到Promise中, Promise会强制等这步执行完才会进行下一步, 例如

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

以上代码, 在Promise中, 只有等里面所有的对象都被创建完成了, 才会继续往下执行, 以达到同步的效果