• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

用什么管理react的状态?

react 搞代码 4年前 (2021-12-28) 21次浏览 已收录 0个评论

用什么管理react的状态?react怎么进行状态管理?下面本篇文章就来给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1、使用Redux进行状态管理

Redux是由FaceBook提出的Flux框架演变而来的,所以先明确一点,Redux 是一个有用的架构,但不是非用不可。

Redux最主要是用作应用状态的管理。简言之,Redux用一个单独的常量状态树(对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了,一个新的对象就会被创建(使用actions和reducers)。

Redux的使用步骤:

  1. 创建reducers

  2. 创建actionCreators

  3. 通过createStore,combinReduces,applymiddleware来创建一个全局的store

  4. 通过react-redux提供的高阶组件Provider和connect来将store和action挂载到子组件的props中去。

经过上面这个四步,大概就可以在react中将redux使用起来了,当然,这里还不涉及到中间件

大多数人在首次接触React的状态管理都是Redux,但是flow的概念对于刚开始接触React的来说视乎又有点抽象,而且他必须要按照约定流程来组织代码,有时候很简单的事情用它感觉有点杀鸡用牛刀,于是乎mobx来出现了

2、使用mob

来源gaodai.ma#com搞#代!码网

x进行状态管理

MobX 是一个经过战火洗礼的库,它通过透明的函数响应式编程(transparently applying functional reactive programming – TFRP)使得状态管理变得简单和可扩展。

MobX背后的哲学很简单:

任何源自应用状态的东西都应该自动地获得。

其中包括UI、数据序列化、服务器通讯,等等。

react 和 MobX 是一对强力组合。React 通过提供机制把应用状态转换为可渲染组件树并对其进行渲染。而MobX提供机制来存储和更新应用状态供 React 使用。

对于应用开发中的常见问题,React 和 MobX 都提供了最优和独特的解决方案。React 提供了优化UI渲染的机制, 这种机制就是通过使用虚拟DOM来减少昂贵的DOM变化的数量。MobX 提供了优化应用状态与 React 组件同步的机制,这种机制就是使用响应式虚拟依赖状态图表,它只有在真正需要的时候才更新并且永远保持是最新的。

更多React相关技术文章,请访问gaodaima搞代码网进行学习!

以上就是用什么管理react的状态?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:用什么管理react的状态?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址