react—connect

問題描述:

控制臺報出錯誤:dispatch is not a function,提示下面的代碼有問題吕嘀, 我的代碼如下:

const mapDispatchToProps = dispatch => ({
  getPrograms: () => dispatch(actions.getPrograms())
})

矛盾點

仔細看我的mapDispatchToProps 里面的方法黍翎,沒覺得哪里不對的

問題解決

  1. google 搜索境氢,發(fā)現(xiàn)有人提到connect的使用慎菲,如果是export default withRouter(connect(mapDispatchToProps)(Index))這種的,就會出現(xiàn)了上面的錯誤
  2. 檢查下我的代碼释漆,正好是這個原因绒尊,忘了mapStateToProps。加上就ok了甫菠。那么問題來了挠铲,connect 里面的這個參數(shù)mapStateToProps是必須要有的,為什么呢寂诱?

connect() 接收四個參數(shù)拂苹,它們分別是 mapStateToProps,mapDispatchToProps痰洒,mergeProps和options醋寝。

  • mapStateToProps:這個函數(shù)允許我們將 store 中的數(shù)據(jù)作為 props 綁定到組件上搞挣。組件將會監(jiān)聽 Redux store 的變化。任何時候音羞,只要 Redux store 發(fā)生改變囱桨,mapStateToProps 函數(shù)就會被調(diào)用。該回調(diào)函數(shù)必須返回一個純對象嗅绰,這個對象會與組件的 props 合并舍肠。
  • mapDispatchToProps: 將 action 作為 props 綁定到 組件上。
  • mergeProps:mapStateToProps() 與 mapDispatchToProps() 的執(zhí)行結(jié)果和組件自身的 props 將傳入到這個回調(diào)函數(shù)中窘面。該回調(diào)函數(shù)返回的對象將作為 props 傳遞到被包裝的組件中翠语。
  • options:可以定制 connector 的行為。
  1. 按理來說财边,mapStateToProps 是可以省略的肌括,但為什么當我沒寫的時候這里就報錯了?
    酣难。谍夭。。這個還么有研究出來憨募。紧索。。

結(jié)論:當connect的第一個參數(shù)mapStateToProps不能不寫菜谣,當不需要的時候可以這樣寫
connect(null, mapDispatchToProps)(Topic)connect(()=>{ return {}}, mapDispatchToProps)(Topic),但不能什么都不寫

反思

遇到坑要填坑珠漂,而不是繞過坑,感覺React-redux還是沒有完全吃透尾膊,知道正確的解決方法媳危,但是沒有找到為什么會這樣的原因。冈敛。济舆。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市莺债,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌签夭,老刑警劉巖齐邦,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異第租,居然都是意外死亡措拇,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進店門慎宾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來丐吓,“玉大人浅悉,你說我怎么就攤上這事∪纾” “怎么了术健?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長粘衬。 經(jīng)常有香客問我荞估,道長,這世上最難降的妖魔是什么稚新? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任勘伺,我火速辦了婚禮,結(jié)果婚禮上褂删,老公的妹妹穿的比我還像新娘飞醉。我一直安慰自己,他們只是感情好屯阀,可當我...
    茶點故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布缅帘。 她就那樣靜靜地躺著,像睡著了一般蹲盘。 火紅的嫁衣襯著肌膚如雪股毫。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天召衔,我揣著相機與錄音铃诬,去河邊找鬼。 笑死苍凛,一個胖子當著我的面吹牛趣席,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播醇蝴,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼宣肚,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了悠栓?” 一聲冷哼從身側(cè)響起霉涨,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎惭适,沒想到半個月后笙瑟,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡癞志,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年往枷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡错洁,死狀恐怖秉宿,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情屯碴,我是刑警寧澤描睦,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站窿锉,受9級特大地震影響酌摇,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嗡载,卻給世界環(huán)境...
    茶點故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一窑多、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧洼滚,春花似錦埂息、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至铲掐,卻和暖如春拾弃,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背摆霉。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工豪椿, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人携栋。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓搭盾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親婉支。 傳聞我的和親對象是個殘疾皇子鸯隅,可洞房花燭夜當晚...
    茶點故事閱讀 44,573評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 做React需要會什么蝌以? react的功能其實很單一,主要負責渲染的功能何之,現(xiàn)有的框架跟畅,比如angular是一個大而...
    蒼都閱讀 14,759評論 1 139
  • 前言 本文 有配套視頻,可以酌情觀看帝美。 文中內(nèi)容因各人理解不同,可能會有所偏差,歡迎朋友們聯(lián)系我討論悼潭。 文中所有內(nèi)...
    珍此良辰閱讀 11,904評論 23 111
  • 學習必備要點: 首先弄明白庇忌,Redux在使用React開發(fā)應(yīng)用時,起到什么作用——狀態(tài)集中管理 弄清楚Redux是...
    賀賀v5閱讀 8,896評論 10 58
  • 我們已經(jīng)詳細介紹了Action舰褪,Reducer皆疹,Store和它們之間的流轉(zhuǎn)關(guān)系。Redux的基礎(chǔ)知識差不多也介紹完...
    張歆琳閱讀 3,742評論 1 17
  • 今天來看一下react組件之間是怎么進行通訊的占拍。react推崇的是單向數(shù)據(jù)流略就,自上而下進行數(shù)據(jù)的傳遞,但是由下而上...
    親親qin閱讀 6,005評論 2 12