Mobx-action

action

用法：

action(fn)
action(name, fn)
@action classMethod
@action(name) classMethod
@action boundClassMethod = (args) => { body }
@action(name) boundClassMethod = (args) => { body }

action是一个工厂函数，可以接受name和fn两个参数，name是String，主要描述action的作用，fn是Function，是这个action的具体逻辑。action执行后返回一个函数，调用这个函数就会执行action，其实就是调用fn参数。

个人感觉在mobx中，action的作用更多的是用来注释当前的操作……使用的时候在name参数上写操作是干啥的，能够快速的了解action的意图。当然如果安装了devtools，action还能输出调试信息。

需要注意的是，如果使用useStrictapi开启了严格模式，就必须通过action才能修改状态(state)，直接修改值会报错。

以上查阅来自查阅代码发现新的写法有感。。。

附查阅文档地址：

https://cn.mobx.js.org/refguide/action.html

https://brooch.me/2016/11/29/MobX-simple-entry-2/

Mobx-action相关推荐

React 状态管理库: Mobx
React 是一个专注于视图层的库.React 维护了状态到视图的映射关系,开发者只需关心状态即可,由 React 来操控视图. 在小型应用中,单独使用 React 是没什么问题的.但在复杂应用中,容 ...
JavaScript 编码小技巧
三元操作符如果使用if...else语句,那么这是一个很好节省代码的方式. Longhand: const x = 20; let answer; if (x > 10) {answer = ...
19 个 JavaScript 常用的简写技术
2019独角兽企业重金招聘Python工程师标准>>> ## 分享 ## 1.三元操作符当想写if...else语句时,使用三元操作符来代替. const x = 20;let a ...
if else 简写_15+ JS简写骚操作，让你的代码“秀”起来??
译者:王二狗博客:掘金.思否.知乎.简书.CSDN 点赞再看,养成习惯,你们的支持是我持续分享的最大动力原文链接:https://www.sitepoint.com/shorthand-javas ...
如何提升你的javascript代码逼格之简写篇
三元运算符当你想用一行代码来写if...else语句的时候,使用三元操作符是非常好的选择,例如: const x = 20; let answer; if (x > 10) {answer = ...
JavaScript 开发人员需要知道的简写技巧
本文来源于多年的 JavaScript 编码技术经验,适合所有正在使用 JavaScript 编程的开发人员阅读. 本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作. 文 ...
javascript写字技巧_JavaScript 如何书写更优雅
平时在写代码逻辑时,有些代码会很长,如何更简洁的书写,让我们的代码更优雅: 1.三目运算当想写 if...else 语句时,使用三目运算来代替. var age = 20; var tip; if( ...
[Redux/Mobx] 在redux中，什么是action？
[Redux/Mobx] 在redux中,什么是action? action是Redux中定义一个响应的动作,action总是有一个type属性,作为这个动作的唯一标识; Reducer函数则会根据这 ...
[Redux/Mobx] 举例说明怎么在redux中定义action？
[Redux/Mobx] 举例说明怎么在redux中定义action? 利用actionCreator // 用户选择需要显示的subreddit export const SELECT_SUBRED ...
[Redux/Mobx] Redux中异步action和同步action最大的区别是什么？
[Redux/Mobx] Redux中异步action和同步action最大的区别是什么? 同步action:执行了dispatch函数之后,对应的reducer纯函数立即得到执行,reducer执行 ...

Mobx-action

action

Mobx-action相关推荐

最新文章

热门文章