记状态管理库Akita中的一个坑

Akita是什么

Akita是一种基于RxJS的状态管理模式，它采用Flux中的多个数据存储和Redux中的不可变更新的思想，以及流数据的概念，来创建可观察的数据存储模型。无论是Angular、React、Vue、Web组件，还是普通的旧式JS，秋田都可以完成繁重的工作，并作为维护干净、无样板、可伸缩的应用程序的有用工具。

Akita基于面向对象的设计原则，而不是函数式编程，因此具有OOP经验的开发人员应该感到很熟悉。它您的团队提供了一个不可偏离的固定模式。

注意一个坑

在创建Entity Store时根据需求您可能需要在@StoreConfig()装饰器中配置Entity Store 的id属性

直接上代码

一段ts代码

import { Todo } from './todo.model';
import { EntityState, EntityStore, StoreConfig } from '@datorama/akita';

export interface TodosState extends EntityState<Todo> { }

// fixme 注意这里
@StoreConfig({ name: 'todos' })
export class TodosStore extends EntityStore<TodosState, Todo> {constructor() {super(); } }

这是一段官方的demo，但是其中有个坑。若您Entity Store中的实体类型中唯一标识不为id，则需要自己手动设置 Akita @StoreConfig 会默认绑定您实体类型中的id属性作为唯一标识，若不绑定唯一标识且@StoreConfig又找不到id属性则EntityStore在调用 set存储数据时会出错（但是不会报错。。。。。天坑，不知道时有意为之还是bug）

若唯一标识Entity Id不为id则写为下面这种形式

一段ts代码：

import { Todo } from './todo.model';
import { EntityState, EntityStore, StoreConfig } from '@datorama/akita';export interface TodosState extends EntityState<Todo> { }// fixme 注意这里，修改后为
@StoreConfig({ name: 'todos'，idKey: yourId })
export class TodosStore extends EntityStore<TodosState, Todo> {constructor() {super(); } }

吐槽一下： 还有就是官网在文档关于这个需要特别注意事项这个唯一标识绑定的介绍是在创建Entity Store之后的...（坑死欧啦）

转载于:https://www.cnblogs.com/siegaii/p/11071982.html

记前端状态管理库Akita中的一个坑相关推荐

[译] SpaceAce 了解一下，一个新的前端状态管理库
原文地址:Introducing SpaceAce, a new kind of front-end state library 原文作者:Jon Abrams 译文出自:掘金翻译计划本文永久链接: ...
react dispatch_记 react 项目在 TypeScript 化中的一个坑，以及相应的类型改动
最近向 @types/react 提交了一个变动,改动了 useReducer 的定义,相信各位读者如果要 TypeScript 化,或者已经 TS 化的话,有可能会收到影响. 通过安装 @types ...
给前端快速上手摸鱼一把主流状态管理库，这家伙真香
前言大家好,我是虚竹. 众所周知,React是一个专注于UI层的库,不同于Vue.Angular等框架,React 的各种状态管理方案一直是在百花齐放.群魔乱舞.除了热门库Redux.Mobx.Re ...
React 状态管理库: Mobx
React 是一个专注于视图层的库.React 维护了状态到视图的映射关系,开发者只需关心状态即可,由 React 来操控视图. 在小型应用中,单独使用 React 是没什么问题的.但在复杂应用中,容 ...
React 新 Context API 在前端状态管理的实践
2019独角兽企业重金招聘Python工程师标准>>> 本文转载至:今日头条技术博客众所周知,React的单向数据流模式导致状态只能一级一级的由父组件传递到子组件,在大中型应用中较 ...
react调用api等待返回结果_React新Context API在前端状态管理的实践
### React新Context API在前端状态管理的实践众所周知,React的单向数据流模式导致状态只能一级一级的由父组件传递到子组件,在大中型应用中较为繁琐不好管理,通常我们需要使用Redu ...
一文带你全面体验八种状态管理库
动手点关注干货不迷路写在前面状态管理库伴随着数据驱动类框架诞生以来,一直都是个带争议的话题,社区里关于这个方向的讨论文章也是数不胜数,本文写作的目的并不是去详细解答每一款状态库的设计原理和最佳实 ...
vue2项目复习01-关闭elint检校，src文件别名，路由传参的对象写法，代理解决跨域问题，nprogress，vuex状态管理库，store的模块式开发，节流与防抖，编程式导航+事件委托路由跳转
1.关闭elint语法校验创建vue.config.js //关闭elint语法校验 {lintOnSave:false; } 2.src文件夹配置别名 jsconfig.json配置别名 @代表s ...
浅析前端状态管理Redux Mobx Vuex
写在前面前端技术的发展日新月异,vue,react,angular等的兴起,为我们带来了新的开发体验.但随着技术的革新,以及前端页面复杂度的提升,对应有localStorage,eventBus,v ...

记前端状态管理库Akita中的一个坑

记状态管理库Akita中的一个坑

Akita是什么

注意一个坑

记前端状态管理库Akita中的一个坑相关推荐

最新文章

热门文章