Store

앱의 전체 를 가지고 있는 스토어입니다. 이 안의 상태를 바꾸는 유일한 방법은 여기에 을 보내는 것 뿐입니다.

스토어는 클래스가 아닙니다. 단지 안에 몇가지 메서드가 들어있는 객체일 뿐입니다. 생성하기 위해서는 루트 를 에 전달하면 됩니다.

Flux 사용자를 위한 한마디
Flux를 쓰다가 오셨다면, 이해해야 하는 한 가지 중요한 차이점이 있습니다. Redux는 디스패쳐를 가지지도 않고, 여러개의 스토어를 지원하지도 않습니다. 대신, 하나의 루트 를 가지는 하나의 스토어만 있습니다. 앱이 커짐에 따라 스토어를 추가하는 대신 루트 리듀서를 여러개의 작은 리듀서로 나누면 됩니다. 각 리듀서는 상태 트리의 서로 다른 부분들에서 독립적으로 작동합니다. 이들을 합치기 위해 같은 헬퍼를 사용할 수 있습니다. 이는 마치 React 앱에 하나의 루트 컴포넌트만 존재하지만, 그 안에 여러 작은 컴포넌트들이 조합되어 있는 것과 마찬가지입니다.

Store 메서드

애플리케이션의 현재 상태 트리를 반환합니다. 스토어의 리듀서가 마지막으로 반환한 값과 동일합니다.

반환

(any): 애플리케이션의 현재 상태 트리.

액션을 보냅니다. 이것이 상태 변경을 일으키기 위한 유일한 방법입니다.

Flux 사용자들을 위한 한마디

전달인자

반환

(Object†): 송달된 액션(참고를 보세요).

참고

예시

import { createStore } from 'redux'
let store = createStore(todos, [ 'Use Redux' ])

function addTodo(text) {
  return {
    type: 'ADD_TODO',
    text
  }
}

store.dispatch(addTodo('Read the docs'))
store.dispatch(addTodo('Read about the middleware'))

리스너의 구독을 해지하려면 subscribe가 반환한 함수를 사용하세요.

전달인자

반환

(Function): 변경 리스너를 구독 해지하는 함수.

예시

function select(state) {
  return state.some.deep.property
}

let currentValue
function handleChange() {
  let previousValue = currentValue
  currentValue = select(store.getState())

  if (previousValue !== currentValue) {
    console.log('Some deep nested property changed from', previousValue, 'to', currentValue)
  }
}

let unsubscribe = store.subscribe(handleChange)
unsubscribe()

현재 스토어에서 상태를 계산하기 위해 사용중인 리듀서를 교체합니다.

이것은 고급 API로 코드 분할이나 동적으로 리듀서를 불러오고 싶을 때 사용할 수 있습니다. Redux에서 핫 리로딩을 구현하기 위해서도 사용할 수 있습니다.

전달인자

reducer (Function) 스토어가 앞으로 사용할 리듀서

PreviouscreateStore NextcombineReducers

Last updated 6 years ago