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 30:吸收、创意、思考

>>:  [从0到1] C#小乳牛 练成基础程序逻辑 正确打开方式 - 观看SOP

33岁转职者的前端笔记-DAY 20 Javascript 基本知识笔记

写Javascript前必要小知识 1.<!DOCTYPE html> 为 HTML 5...

【Day09】数据输入元件 - Upload

元件介绍 Upload 是一个上传元件。帮助我们能够发布文字、图片、影片、档案到後端服务器上。 参考...

Day10-"一维阵列"

阵列依据占用空间的大小及编号方式,可分为一维阵列、二维阵列,且必须经过宣告才可使用。 C语言的阵列索...

Day22 - [丰收款] 以Django Web框架实作永丰API线上支付模拟情境(3) - 两种付款方式实作

昨天使用了Bootstrap5、Vue,打造了我们的付款流程入口页面後,今天要将之前的ATM虚拟帐户...

[ 卡卡 DAY 7 ] - React Native style 必懂之 Flexbox弹性盒子(下)

上篇大致上介绍了一下於 css vs React Native 的 flexbox 差异 这篇主要...