react redux原始碼解析

2021-10-07 12:46:49 字數 495 閱讀 5683

react-redux原始碼

1.provider :把基於屬性傳遞進來的store掛載到上下文上

2.connect

provider建立乙個元件 並把store掛載到上下文中供後代使用

connect(...)(...)

第乙個執行返回是乙個函式

第二個執行返回是乙個元件 **元件 proxy 渲染proxy目的是把傳進來的task渲染

也就是第二個執行的引數是我們到處的乙個**元件proxy,後續在在其他元件條用就是proxy

第乙個執行中的兩個引數

第乙個引數  接受redux中的所有狀態 然後把這些狀態當做屬性傳遞給**元件proxy 傳的是task那麼就傳給task 

createstore方法 傳乙個reducer

//獲取狀態

getstate()

//向事件池追加方法

subscribe()

//派發任務

dispatch()

React Redux 原始碼解析

一般而言,我檢視乙個庫的源 首先回檢視對應方法的引數,其次是對應的return,然後再看 的具體實現。通過檢視原始碼,發現createstore方法返回了乙個物件,該物件共暴露出了五個方法,四個常用的方法 return 複製 複製 檢視原始碼的開始部分,我們發現createstore可以傳入兩個三個...

react redux 原始碼學習

function createstate reducer dispatch 然後將 我們要用到的 getstate,dispatch,subscribe 給暴露出去 return 這裡是使用了 react 的 上下文內容,不贅述 export class provide extends compon...

原始碼解讀 react redux

toc 其中高階元件如果你不太了解也無所謂,你只需要知道,高階元件就是乙個工廠函式,它接收乙個元件類 或者函式元件 返回乙個被修改後的新的元件類。connect就是乙個高階元件。文章內會使用的簡寫 我們知道,react redux 為開發者提供了 redux 到 react 的 binding。本文...