使用 CSP 集中管理 React 应用程序的状态

时间:2024-06-28 09:45:23
【文件属性】:

文件名称:使用 CSP 集中管理 React 应用程序的状态

文件大小:30KB

文件格式:ZIP

更新时间:2024-06-28 09:45:23

React Libraries

State Trooper 安装 npm npm install state-trooper Yarn yarn add state-trooper 示例用法 在路由处理程序/主应用程序入口点中调用 StateTrooper.patrolRunLoop const config = { // 描述页面状态的状态:{ serverReport: null, bio : null, activity: null }, // 描述每个状态的获取器和持久器 // 获取器和持久器是应该返回通道的函数 dataStore: { 'serverReport': { fetcher: serverReportFetcher }, 'bio': { fetcher : bioFetcher, 持久器: bioPersister }, 'activity': { fetcher: activityFetcher } } }; const cursor = StateTrooper.patrolRunLoop(config, (cursor) => { // 当状态改变时重新渲染组件生成新的光标 React


网友评论