Action Creators: Direct vs. Redux Thunk에서 Redux Store 상태에 액세스하는 방법?

Action Creators에서 Redux Store State 액세스

Redux에서 Action을 생성할 때 전역 Store 상태에 액세스해야 할 수도 있습니다. 이 기사에서는 이를 달성하기 위한 두 가지 접근 방식, 즉 가져온 저장소 변수를 통해 상태에 직접 액세스하거나 Redux Thunk 미들웨어를 활용하는 방법을 살펴보겠습니다.

상태에 직접 액세스

<code class="javascript">import store from '../store';

export const SOME_ACTION = 'SOME_ACTION';
export function someAction() {
  return {
    type: SOME_ACTION,
    items: store.getState().otherReducer.items,
  }
}</code>

이 접근 방식은 모듈에서 내보낸 싱글톤인 저장소에 의존합니다. 기술적으로는 기능적이지만 요청마다 별도의 저장소가 필요한 서버측 렌더링을 복잡하게 만들기 때문에 권장되지 않습니다.

Redux Thunk 사용

<code class="javascript">export const SOME_ACTION = 'SOME_ACTION';
export function someAction() {
  return (dispatch, getState) => {
    const {items} = getState().otherReducer;

    dispatch(anotherAction(items));
  }
}</code>

Redux 사용 썽크 미들웨어를 사용하면 getState 함수를 통해 저장소 상태에 액세스할 수 있습니다. 이 접근 방식은 클라이언트와 서버 환경 모두에서 원활하게 작동하므로 선호됩니다.

고려 사항

액션 제작자의 getState 사용에 대해서는 서로 다른 의견이 있습니다. 캐시된 데이터를 확인하거나 인증 상태를 확인하는 시나리오로 제한해야 한다는 주장도 있다. 다른 사람들은 썽크에서 getState를 사용하는 것이 허용된다고 주장합니다.

궁극적으로 최선의 접근 방식은 애플리케이션의 특정 요구 사항에 따라 다릅니다. 액션은 이상적으로 간결해야 하지만, 액션 생성자에서 직접 상태에 액세스하는 것이 타당할 수 있는 경우도 있습니다.

위 내용은 Action Creators: Direct vs. Redux Thunk에서 Redux Store 상태에 액세스하는 방법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!