react的dispatch方法怎麼用

react的dispatch方法的用法如“store.dispatch({ type: 'counter/incremented' })console.log(store.getState())”，表示呼叫“store.dispatch()”並傳入一個action對象，然後透過「getState()」取得新state。

本教學操作環境：Windows10系統、react18版、Dell G3電腦。

react的dispatch方法怎麼用？

React中Dispatch

Redux store 有一個方法叫做 dispatch。更新 state 的唯一方法是呼叫 store.dispatch() 並傳入一個 action 物件。 store 會執行所有 reducer 函數並計算更新的 state，呼叫 getState() 可以取得新 state。

store.dispatch({ type: 'counter/incremented' })
 
console.log(store.getState())
// {value: 1}

dispatch 一個 action 可以形象的理解為 "觸發一個事件"。發生了一些事情，我們希望 store 知道這件事。 Reducer 就像事件監聽器一樣，當它們收到關注的 action 後，它就會更新 state 作為回應。

推薦學習：《react影片教學》

以上是react的dispatch方法怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章！