首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我不明白为什么输入没有使用MobX进行更新

MobX是一个用于状态管理的JavaScript库,它可以帮助开发者更轻松地管理应用程序的状态和数据流。它提供了一种简单且可预测的方式来跟踪和更新应用程序中的状态,并自动更新相关的组件。

在前端开发中,通常使用状态管理库来管理应用程序的状态。这些库可以帮助我们更好地组织和管理应用程序的数据流,提高开发效率和代码可维护性。除了MobX,还有其他一些流行的状态管理库,如Redux、Vuex等。

对于为什么输入没有使用MobX进行更新,可能有以下几种情况:

  1. 项目不需要复杂的状态管理:如果项目的状态管理需求相对简单,没有太多的状态交互和依赖关系,那么使用MobX可能会显得过于繁琐。在这种情况下,可以选择更简单的解决方案,如React的内置状态管理或者其他轻量级的状态管理库。
  2. 开发者对MobX不熟悉:如果开发者对MobX不熟悉或者没有使用过,可能会选择自己熟悉的其他状态管理库或者自己实现状态管理的方案。这并不意味着MobX不好,只是因为开发者对其他方案更加熟悉或者更适合当前项目的需求。
  3. 项目已经使用其他状态管理库:如果项目已经使用了其他状态管理库,例如Redux或Vuex,那么在输入更新方面可能会继续使用该库,以保持代码的一致性和统一性。

总之,选择是否使用MobX进行输入更新取决于项目的需求、开发者的熟悉程度以及已有的技术栈。在实际开发中,需要综合考虑这些因素来做出决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

为什么喜欢使用QQ输入法?

,一直坚持使用着“五笔输入法”,慢慢的自己也发现“五笔输入法”有很多的不足和落后。...这时碰到了“触宝输入法”,体验相当的好,几乎没有广告,很是喜欢!但在PC端竟然没有找到有PC版的,去!再后来竟然发现“触宝输入法”官网都莫名其妙的“变”没了,好像很久都没有更新了!...最后冲着当年“QQ五笔”体验还不错,勉强使用了QQ拼音输入法,没有想到一直使用到至今。...下面就结合自己的使用体验来分析一下为什么喜欢使用QQ输入法: 一个输入法可以全平台共享词库,包括自定义词语这些,一个QQ号就可以包揽所有的同步,这算是腾讯的天然优势吧!?...下面分享一下使用的QQ输入法界面截图吧: ? ? ? ? ? ? 很多人可能会说QQ拼音输入法采用的也是“搜狗输入法”的内核没有啥稀奇的,但我认为内核是内核,前端是前端。

2K20

MobX 背后的基础原理

为什么 MobX 同步的运行所有派生过程 那篇文章触及了 MobX 一个非常显著的特性(恕我直言):在 MobX 中,所有派生(derivation)都是同步运行的。...像 Meteor、Knockout、Angular、Ember 和 Vue 这样的框架都显露了与 MobX 类似的反应式行为,且都已经存在很久了。那为什么要建立 MobX 呢?...所以如果你对为什么一个派生会运行抱有疑问,只要回溯执行栈找到引发派生无效的 action 即可。如果 MobX 对派生使用了异步调度/执行,则这些优点就不存在了,这个库也就不会像现在一样普遍适用了。...更酷的是,如果在事务结束之前使用了一个计算值,MobX 将会保证你得到一个更新后的值! 实际上几乎没人明确的使用事务,在 MobX 3 中,事务甚至被弃用了。因为 action 自动应用了事务。...但是,语义清晰的 actions、计算值和 reactions,没有陈旧值可以被观察,所有派生运行在同一个栈中 -- 相信这些事实将对一切做出改变。

1.6K10
  • 干货 | 浅谈React数据流管理

    ,那么context就会无法透传,因此context没有被官方推荐使用)。...那这也是为什么我们需要使用那些第三方数据流管理工具的原因,接下来我们就来了解一些当前社区比较热门的数据流管理工具。...,输出完全依赖输入没有任何副作用; 4)中间件:针对异步数据流,提供了类express中间件的模式,社区也出现了一大批优秀的第三方插件,能够更精细地控制数据的流动,对复杂的业务场景起到了缓冲地作用;...三、mobx 最开始接触mobx也是因为redux作者DanAbramov的那句:Unhappywith redux?try mobx相信很多人也是因为这句话而开始了解学习并使用它的。...mobx; 4)当项目复杂度较高时,团队规模较大或要求对事件分发处理可监控可回溯时,建议使用redux; 5)当项目复杂度较高,且数据流(尤其是异步数据)混杂时,建议使用rxjs; 其实回顾全篇,没有提到一个关键点是

    1.9K20

    Mobx实践

    mobx是另一种流行的状态管理方案,这里分享一下最近使用mobx的经验。...在react中反而把更新组件的操作(setState)交给了使用者,由于setState的"异步"特性导致了没法立刻拿到更新后的state。...依赖收集 在mobx中,通过autorun和reaction对依赖的数据进行了收集(可以通过get来收集),一旦这些数据发生了变化,就会执行接受到的函数,和发布订阅很相似。...', JSON.stringify({ todos })) ) 管理局部状态 在react中,我们更新状态需要使用setState,但是setState后并不能立马拿到更新后的state,虽然setState...参考链接: 如何组织Mobx中的Store之一:构建State、拆分Action 面向未来的前端数据流框架 - dob 为什么我们需要reselect

    87120

    React性能测量和分析

    进行任何性能优化的前提是你要找出’性能问题‘,这样才能针对性地进行优化。觉得对于 React 的性能优化可以分两个阶段: 1....通过分析器我们可以知道’什么被重新渲染, 重新渲染的代价’,那么变动检测回答的问题就是: ’为什么这些进行了重新渲染?’ 2. 优化阶段....下一步操作就是找出组件重新渲染的元凶, 检测为什么组件进行更新. 我们先假设我们的组件是一个’纯组件‘,也就是说我们认为只有组件依赖的状态变更时,组件才会重新渲染....因为 Mobx 没有 Redux 那样固化的数据变更模式,Mobx 并不容易自动化地监测数据是如何被变更的。在 mobx 中我们使用@action 来标志状态的变更操作,但是它拿异步操作没办法。...Mobx 还提供了一个trace函数, 用来检测为什么会执行 SideEffect: export const ListItem = observer(props => { const { item

    2.3K10

    对于“前端状态”相关问题,如何思考比较全面

    就比如你问组长: 为什么项目中用Redux而不用Mobx为什么要用Hooks而不用ClassComponent? 很多时候得到的是一个既定的事实(就是这样,没有为什么),而不是分析后的结果。...每当调用更新状态的方法(比如this.setState,或者useState dispatch...),就会对整个应用进行diff。...所以在React中,传递给「更新状态的方法」的,是「状态的快照」,换言之,是个「不可变的数据」。 Vue关心状态如何变化。每当更新状态时,都会对「与状态关联的组件」进行diff。...比如回答:为什么项目中用Redux而不用Mobx?...考虑当前抽象层级 Redux与Mobx都属于Model的实现,前者带来一套「类Flux的状态管理理念」,后者为React带来「响应式更新」能力,在设计Model时的项目更适合哪种类型?

    60230

    那些年我们一起踩过的坑——WebIDE 前端札记

    在大部分情况下,状态对象和状态的修改并没有必要绑定在一些组件上。 所以,解决方案是引入状态管理库,比如:MobX 或 Redux。它提供工具在某个地方保存状态、修改状态和更新状态。...像 Redux 和 MobX 这类状态管理库一般都有附带的工具,例如在 React 中使用的有 React-Redux 和 MobX-React,它们使你的组件能够获得状态。...个人比较推荐 MobX,可能有些朋友觉得是倒退,用起来跟很多年前的框架差不多,但是真的用起来非常方便。...之前说到调研的时候 xterm 并不完善,但是现在 xterm 搭上 vscode 的顺风车,项目一直在更新维护,并且功能更强大。新版已经是用 canvas 代替 dom 进行绘制。...网页没有硬件加速,都是由 CPU 处理,没用 GPU 进行图形加速。

    1.1K40

    Hooks 邂逅 MobX ,代码变得更丝滑了!

    其实吧,Mobx 作为当下炙手可热的状态管理库,很早就推出了 v6 版本,紧跟技术潮流,极大的方便了我们在 Hooks 环境下,更好的对 React 进行状态管理。想这也是它炙手可热的原因之一吧!...Hooks很强大,为何还需要Mobx? 不可否认,Hooks很强大,而且认为,尤大大的 Vue3 很大程度上也参考了 React Hooks 的实现,虽然两者实现存在差异,但是思想是可以借鉴的。...(仅代表个人观点,望各位大佬不想吐槽) 但是呢,在实际开发过程中,纯粹使用Hooks 的话,还是会遇到一些问题: 依赖传染性 —— 这导致了开发复杂性的提高、可维护性的降低 缓存雪崩 —— 这导致运行性能的降低...为什么说是缓存雪崩呢?造成这个问题主要是因为 Hooks 函数运行是独立的,每个函数都有一份独立的作用域。函数的变量是保存在运行时的作用域里面,这里也可以理解成闭包。...也可以配合 Hooks 丝滑使用,好像最新版本的 Mobx 更加推荐这种方式。

    1.3K10

    基于flux和observer相结合的思想的数据管理器

    发生变化时如何更新view。...因此,mobx的思想叫observer思想。 从两种思想的使用上讲,显然mobx使用方法简单的多,但是对于使用者而言,mobx的理解成本要更大一些,使用时遇到的坑也可能更多。...为什么有了redux/mobx还需要datamanager 状态可以对某一份数据进行引用,这样,似乎状态管理器也可以对数据进行管理了。...应用只需要非常简单的方法就可以从这里得到它想要的数据,当然,如果这里确实还没有这个数据,只能返回undefined,但是这个时候可以马上去取,以防止你下次来取时没有。...但是对于使用者而言,它不需要关心这些,它只需要知道如何从这里获取数据,有就得到,没有就得到一个undefined。 最后是获得通知。

    83110

    基于flux和observer相结合的思想的数据管理器

    发生变化时如何更新view。...因此,mobx的思想叫observer思想。 从两种思想的使用上讲,显然mobx使用方法简单的多,但是对于使用者而言,mobx的理解成本要更大一些,使用时遇到的坑也可能更多。...为什么有了redux/mobx还需要datamanager 状态可以对某一份数据进行引用,这样,似乎状态管理器也可以对数据进行管理了。...应用只需要非常简单的方法就可以从这里得到它想要的数据,当然,如果这里确实还没有这个数据,只能返回undefined,但是这个时候可以马上去取,以防止你下次来取时没有。...但是对于使用者而言,它不需要关心这些,它只需要知道如何从这里获取数据,有就得到,没有就得到一个undefined。 最后是获得通知。

    88160

    React下ECharts的数据驱动探索

    值得注意的是,在handleToggle的时候设置了一个延时。这是因为点击了toggle按钮,视图并没有立即更新,即使这个时候 ECharts进行 resize 仍然取到的是不正确的宽度。...的选型主要参考了一下几点 没有使用antd-pro,虽然这套模板在对中后台处理给的实例非常完善,基本上能做到开箱即用,改改参数就行。...但是因为没有Typescript的模板,要从JS改成TS成本太高 使用mobx而不是使用redux,因为是后台页面,每个页面的数据基本都是独立的。...然而并没有成功。尽管mobx传递给父组件的数据变化了,子组件接收的数据却没有发生变化。...并且一直发现子组件的生命周期没有更新,后来仔细发现,要想是的子组件数据发生变化执行变化相关的钩子,一定得父组件使用 setState 方法, 直接更改 state 是没有效果的,这一点又回到 React

    1.1K40

    【春节日更】最新的react面试题汇总

    汇总了最近关于React面试题: react面试题汇总(2020) 分享给大家,主要提供题目,答案自行百度,有不清楚的,也可以私信我,再专门针对这个题目回答 注:有些题目类同...mobx&redux: 为什么要用mobx?除了mobx还有什么其他方式? mobx的实现原理?...mobx如何使用 react redux是如何工作的 熟悉redux吗,讲解一下它是干什么的 Hook: 解释hook,什么情况使用 hook的好处是什么? 使用过HOOK里面的哪些函数?怎么使用?...为什么要用mobx而不用HOOK? HOOKS的实现原理? 用HOOK封装过组件没有? HOOK重构组件的好处? HOOK里面使用过哪些方法?...简介react的hook的常用的几种方法 :hook和class的区别和联系,为什么使用HOOK? class里面也能用provider,为什么要用hook的provider?

    48310

    Facebook 新一代 React 状态管理库 Recoil

    这些库目前正被广泛使用,我们也并没有遇到什么大问题,那么 Facebook 为什么还要推出一款新的状态管理框架呢?...使用 Redux、Mobx 当然可以,并没有什么问题,主要原因是它们本身并不是 React 库,我们是借助这些库的能力来实现状态管理。...结果会被缓存,所以查询将仅对每个唯一输入执行一次(所以一定要保证 selector 纯函数的特性,否则缓存的结果将会和最新的值不一致)。...,使用起来也感觉有点像 observable + computed 的模式,但是其 API 以及核心思想设计的又没有 Mobx 一样简洁易懂,反而有点复杂,对于新手上手起来会有一定成本。...在使用方式上完全拥抱了函数式的 Hooks 使用方式,并没有提供 Componnent 的使用方式,目前使用原生的 Hooks API 我们也能实现状态管理,我们也可以使用 useMemo 创造出派生状态

    1.6K10

    使用Redux前你需要知道关于React的8件事

    这在大部分情况下也是没有什么问题的....(export)即可.这个回调函数应该是一个纯函数,你可以根据输入进行简单的输出测试....通常在使用复杂的状态管理工具库时,例如Redux和MobX,你需要将状态管理层粘合到React的视图层上.这也是为什么你需要了解React高阶组件的原因.这其中的粘合层允许你访问State并进行修改,而...后记 希望这篇文章为你理清了再应用像Redux一类的库之前,你应该学习和了解的内容.目前,正在写一个关于Redux和本地状态管理的书,内容包括Redux和MobX.如果不想错过的话,你可以点这进行订阅...译者后注: 希望拙劣的翻译没有为你理解本文增加难度,再说一次最好还是看英文原文,如有改进建议请大方联系,必虚心受教.

    1.2K80

    精读《入坑React前没有人会告诉你的事》

    1 引言 为什么要选这篇文章呢?...还是 redux 的纠结,无论选择哪种都会带来一系列的问题(重新配置构建脚本,更新 eslint 规则等) 如果选了 mobx,会发现 mobx 无法保证自己的 store 不被外部更新(官方建议是加上特殊的前缀...繁琐的话,对于刚刚上手的小应用不建议使用 React Router 升级太频繁?...但当你真正开始使用 Redux 的时候,你会发现你不仅需要学习很多新的概念,如 reducer、store、dispatch、action 等,还有很多基础的问题都没有标准解法,最典型的例子就是异步 action...React + Mobx 约等于一个复杂的 Vue,但这不是抛弃 React 的理由。为什么大家觉得 Vuex 比 Redux 更适合 Vue 呢?

    61510

    「前端架构」Redux vs.MobX的权威指南

    个人喜欢将应用程序的整个状态存储在单个存储中的想法。这有助于我把同一个地方称为真理的唯一来源。有些人可能会说多家商店对他们更有效,更喜欢MobX。...数据结构 Redux Redux使用普通JavaScript对象作为数据结构来存储状态。使用Redux时,必须手动跟踪更新。在需要维护大量状态的应用程序中,这可能更困难。...Mobx MobX使用可观测数据。这有助于通过隐式订阅自动跟踪更改。在MobX中,更新是自动跟踪的,因此对开发人员来说更容易。...下面是纯函数的一个简单示例: function sumOfNumbers(a, b) { return a + b; } 函数将始终返回相同的输出,给定相同的输入。它没有任何副作用或来自外界的影响。...Redux附带了reduxdev工具,供成千上万的开发人员使用。它为调试Redux代码提供了惊人的支持。 MobX还提供开发人员工具,但它们没有Redux提供的相同质量的调试支持。

    1.6K30

    MobX or Redux?

    相互关联且需要对照修改的代码被进行了拆分,而完全不相关的代码却在同一个方法中组合在一起。如此很容易产生 BUG,并且导致逻辑不一致。...2、函数式编程,在 Reducer 中,接受输入,然后输出,不会有副作用发生,幂等性。 3、可追踪性,很容易追踪产生 BUG 的原因。...todo 或者某个 todo 的 finished 属性发生变化时,MobX 会确保 unfinishedTodoCount 自动更新。...,维护难易程度; 案例 Redux 项目模板 MobX 项目模板 总结 对于 Redux 更规范,更靠谱,应该使用 Redux 或 Redux 模版太多,太复杂了,应该选择 Mobx 这类推断,我们都应该避免...参考资料 1、你需要 Mobx 还是 Redux? 2、MobX 3、React 4、Redux 博客 欢迎关注的博客

    54100

    新鲜出炉的前端面经

    蚂蚁 一面 React setState 怎么获取到更新后的值?异步函数中为什么 setState 会立即更新? 做过离线包吗?H5 离线包的原理?客户端根据什么拦截静态资源请求?...四面(略) 五面(略) 拼多多 一面 有没有做过比较复杂的页面?携程的 React-imvc 做了什么? 使用 Redux 的好处,以及和 Mobx 的区别 对 React 最新特性有了解吗?...从输入 url 到页面展示经过了哪些步骤? 讲一下重绘和回流 知道 BFC 吗?使用场景有哪些? 怎么判断是否为数组? 页面卡顿怎么去定位? 数组有10万个数据,取第一个和取第10万个的耗时多久?...redux 和 mobx 的区别和使用场景? typeof null?null instanceof Object? typeof 可以判断哪些类型?instanceof 做了什么?...为什么要用 grpc? 服务发现为什么用 ip,而不用域名? 怎么做 DNS 预解析? 怎么实现移动端的布局? iOS 下软键盘输入框遮挡遇到过问题么?怎么解决顶不起来的问题?

    1.2K31
    领券