react Suspense 异步交互

//将react组件由同步更新变为可阻断段的异步更新 解决cup瓶颈
import React, { Suspense } from 'react'
const Standard = React.lazy(()=>slowImport(import('./standard/standard'),1000))
const slowImport=(value, ms = 1000)=>{
     return new Promise(resolve=>{
         setTimeout(()=> resolve(value),ms);
     })
 }
//slowImport 方法模拟异步请求 加载数据
function Auth(props){
return(
 <Suspense fallback={<div>Loading...</div>}>
         <section>  //section 可写可不写
              <Standard 
                  tabId={tabId} 
                  treeName={treeName} 
                  tree={tree} 
                  title={'授权方式'} 
                   />
        </section>
     </Suspense>
)
}
 
// 配套的hook - [useDeferredValue]