iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
自我挑戰組

React自我學習心得30天~系列 第 30

Day30 Redux基礎練習

  • 分享至 

  • xImage
  •  

以下用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。


上一篇
Day29 Redx初步介紹
系列文
React自我學習心得30天~30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言