当你需要加载很多东西，并想知道整体的加载状态时，可以使用

ease-progress

react progress 原始组件, 提供便捷的 progress 统计信息

import { ProgressProvider, RawProgressContext } from "ease-progress"  function App() {   const { loaded, total, setProgressState } = useContext(RawProgressContext)    return <>     {       LargeAssetList.map((url) => <SomeComponent         key={url}         onProgress={(e) => {           setProgressState({             [url]: {               loaded: e.loaded,               total: e.total,             },           })         }}       />)     }      <p>loaded: {loaded}</p>     <p>total: {total}</p>   </> }  ReactDOM.render(   <ProgressProvider>     <App />   </ProgressProvider>,   document.querySelector("#app"), ) 

大佬有話說 (0)