redux的基礎知識點有哪些

本篇內容主要講解“redux的基礎知識點有哪些”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“redux的基礎知識點有哪些”吧!

redux是什么

1.redux是一個專門用于做狀態管理的JS庫（不是react插件庫）。

2.它可以用在react, angular, vue等項目中， 但基本與react配合使用。

3.作用： 集中式管理react應用中多個組件共享的狀態。

什么情況下需要使用redux

1.某個組件的狀態，需要讓其他組件可以隨時拿到，可以產生共享情況。

2.一個組件需要改變另一個組件的狀態，不僅局限于父子關系，而是一個項目中所有的組件都可以調用這個狀態或方法。

3.使用redux原則：能不用就不用， 如果不用比較吃力才考慮使用。通常用于大型項目，組件之間通信較為復雜的情況。小型項目不需要使用可以盡量不用。

redux工作流程

三個核心概念：

1.action（動作的對象）

包含2個屬性

type：標識屬性， 值為字符串， 唯一， 必要屬性

data：數據屬性， 值類型任意， 可選屬性

例子：{ type: ‘ADD_STUDENT’，data:{name: ‘tom’，age:18} }

2.reducer（用于初始化狀態、加工狀態）

加工時，根據舊的state和action， 產生新的state的純函數。

3. store（將state、action、reducer聯系在一起的對象）

使用方法

import {createStore} from 'redux'

import reducer from './reducers'

const store = createStore（reducer）

該對象的功能

1）getState（）： 得到state

2）dispatch（action）： 分發action, 觸發reducer調用， 產生新的state

3）subscribe（listener）： 注冊監聽， 當產生了新的state時， 自動調用

redux的核心API

1.createstore（）

創建包含指定reducer的store對象

2.store對象

作用： redux庫最核心的管理對象

它內部維護著：state和reducer

核心方法：

1）getState（）

2）dispatch（action）

3）subscribe（listener）

具體編碼：

1）store.getState（）

2）store.dispatch（{type:‘INCREMENT’， number}）

3）store.subscribe（render）

3.applyMiddleware（）

應用上基于redux的中間件（插件庫）

4.combineReducers（）

合并多個reducer函數

到此，相信大家對“redux的基礎知識點有哪些”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！