Redux-스토어

저장소는 Redux에서 변경할 수없는 개체 트리입니다. 저장소는 애플리케이션의 상태를 보유하는 상태 컨테이너입니다. Redux는 애플리케이션에 하나의 저장소 만 가질 수 있습니다. Redux에서 저장소가 생성 될 때마다 감속기를 지정해야합니다.

다음을 사용하여 상점을 만드는 방법을 살펴 보겠습니다. createStoreRedux의 메소드. 아래와 같이 저장소 생성 프로세스를 지원하는 Redux 라이브러리에서 createStore 패키지를 가져와야합니다.

import { createStore } from 'redux';
import reducer from './reducers/reducer'
const store = createStore(reducer);

createStore 함수에는 세 개의 인수가있을 수 있습니다. 다음은 구문입니다-

createStore(reducer, [preloadedState], [enhancer])

감속기는 앱의 다음 상태를 반환하는 함수입니다. preloadedState는 선택적 인수이며 앱의 초기 상태입니다. 인핸서는 또한 선택적 인수입니다. 타사 기능으로 매장을 개선하는 데 도움이됩니다.

상점에는 아래와 같이 세 가지 중요한 방법이 있습니다.

getState

Redux 스토어의 현재 상태를 검색하는 데 도움이됩니다.

getState의 구문은 다음과 같습니다.

store.getState()

급파

이를 통해 애플리케이션의 상태를 변경하는 작업을 전달할 수 있습니다.

디스패치 구문은 다음과 같습니다.

store.dispatch({type:'ITEMS_REQUEST'})

구독

액션이 전달되었을 때 Redux 스토어가 호출 할 콜백을 등록하는 데 도움이됩니다. Redux 상태가 업데이트되면 뷰가 자동으로 다시 렌더링됩니다.

디스패치 구문은 다음과 같습니다.

store.subscribe(()=>{ console.log(store.getState());})

subscribe 함수는 리스너 구독을 취소하는 함수를 반환합니다. 리스너 구독을 취소하려면 아래 코드를 사용할 수 있습니다.

const unsubscribe = store.subscribe(()=>{console.log(store.getState());});
unsubscribe();