当前位置: 首页 > 资讯 >

Day30 Redux基础练习

以下用to do list作为练习。

Actions

Action是一般的JavaScript物件。action 必须有一个 type 属性,它代表被执行的 action 的类型。Type通常设为字串或是常数。

{
  type: ADD_TODO,
  text: 'Build my first Redux app'
  index: 5
}

Action Creator

Action creator直白地说就是产生 action 的 function。透过dispatch()可以将结果传递给store物件。

function addTodo(text) {
  return {
    type: ADD_TODO,
    text
  }
}
dispatch(addTodo(text))

Reducer

reducer 是一个 pure function,它接收先前的 state 和一个 action,然後回传下一个 state。


相关文章:

  • Day 17-隔离框架 (isolation Framework) - NSubstitute 基本介绍-2 (核心技术-9)
  • [Day25] 透过GCP实作(1/4):透过Cloud Function直接拉取资料
  • [Day 11] Leetcode 152. Maximum Product Subarray (C++)
  • LeetCode解题 Day28
  • 变更管理和变更控制(Change Management and Change Control)
  • DNS over TLS (DoT)
  • [Day 10]从零开始学习 JS 的连续-30 Days---阵列与物件混合应用
  • 强型闯入DenoLand[26] - 使用 Deno 打造多线程应用(3)
  • Day27 Web Security - Social Engineering
  • 那些被忽略但很好用的 Web API / 拖拉式待办清单
  • Day15 简易资料库RealmSwift小实作2
  • [Day 22]从零开始学习 JS 的连续-30 Days---阵列操作介绍 (下篇)
  • Day22 CSS版型设计完成网页!
  • 【Day 4】机器学习基本功(二) --- Regression
  • Day 10 - API 文件导览总结 - 重点整理
  • 狗狗币怎么获得?狗狗币挖矿教程和狗狗币使用方法
  • 2020最新Google Voice号码申请方法(非脚本)
  • WordPress 5.7.1 修复2个安全问题,请及时更新
  • WordPress SEO插件-Yoast V13.3 汉化中文版高级版
  • 国外靠谱的VPS云服务器大全
  • Google Voice怎么转移到Lycamobile
  • Monzo Bank教程:英国银行卡申请教程【教你国内注册申请欧洲银行卡】
  • 海外营销周报:谷歌广告将推出动态排除列表,报告显示2020年美国数字广告营收增长12%
  • TikTok与LiveRamp合作,助力品牌安全可靠地触达受众
  • 免费用谷歌云的方法:最新谷歌云300美金免费用的申请教程和方法
  • 新的 Web.com 电子商务平台帮助中小企业接触数百万潜在买家
  • 最好的国外VPS推荐:国外好用便宜性价比高的VPS有哪些
  • Hostinger主机如何添加一个新的域名(网站),如何更改主机的主域名(Main Domain)
  • Gutenberg 10.5 支持嵌入PDF,新增块模式,增强自定义器的小工具功能
  • Linux运维命令大全:Linux运维要掌握哪些命令