Redux就是個數據中心,不依附於任何框架在哪使用都行。但是和它最搭配的應該就是React了,而且大家學習它的動力大多也是解決React狀態管理的問題。都說Redux文檔詳盡清晰,但我感覺並不友好,它沒有用最簡單直觀的方式告訴你如何搭配React使用。研究了兩天的文檔和示例,終於在項目中用上了我認為 ...
Redux就是個數據中心,不依附於任何框架在哪使用都行。但是和它最搭配的應該就是React了,而且大家學習它的動力大多也是解決React狀態管理的問題。都說Redux文檔詳盡清晰,但我感覺並不友好,它沒有用最簡單直觀的方式告訴你如何搭配React使用。研究了兩天的文檔和示例,終於在項目中用上了我認為原本10分鐘就能上手的Redux。當然,這兩天去瞭解Redux的方方面面和相關的東西是值得的,只不過我喜歡先上手一個知識再去詳細瞭解它,而不是反過來。如果你和我一樣,那看完我寫的這個小程式絕對是值得的。
關於我的這段程式解釋幾點:1. 功能超簡單根本用不上Redux,但我強行用一下單純為了介紹Redux怎麼用。2. 和官方示例counter功能相似且更簡單,但官方示例並沒有詳細的解釋,而且沒有和React綁定使用,如果你不瞭解Redux看完了你還是迷糊,我的這段程式就是為了讓你不迷糊。3. 解釋部分在註釋,部分名詞和官方有出入但不影響,只是我的理解。4. 歡迎指正。
總結一下,數據處理器的集合生成一個數據中心,connect把舊組件替換成已經連接到數據中心的新組件(傳入需要監聽的數據),需要更新數據調用this.props.dispatch方法傳入action,可以寫一些動作生成器管理action。完事。