redux 스토어에서 작업 처리(Freecodecamp 노트)

QnA 형식의 메모

1. 일반적으로 redux에서 작업을 어떻게 처리합니까?
Reducer 함수라는 함수를 사용하여 수행합니다.
2. 감속기는 무엇을 합니까?
상태와 동작을 인수로 사용하며 항상 새로운 상태를 반환합니다. 리듀서는 어떤 부작용도 일으키지 않습니다. 단순히 상태와 행동을 취한 다음 새로운 상태를 반환하는 순수 함수입니다.
3. 감속기에 대해 유의해야 할 중요한 사항은 무엇입니까?
Redux의 핵심 원칙은 상태가 읽기 전용이라는 것입니다. 리듀서 함수는 항상 상태의 새 복사본을 반환하고 상태를 직접 수정하지 않아야 합니다. Redux는 상태 불변성을 강제하지 않지만 리듀서 함수 코드에서 이를 강제할 책임은 사용자에게 있습니다.

4. 다음은 리듀서 함수의 예입니다. 리듀서 함수의 본문을 채우면 'LOGIN' 유형의 작업을 받은 다음 로그인이 true로 설정된 상태 개체를 반환하고, 그렇지 않으면 현재 상태를 반환합니다. .?

const defaultState = {
  login: false
};
const reducer = (state = defaultState, action) => {
  // Change code below this line

  // Change code above this line
};
const store = Redux.createStore(reducer);
const loginAction = () => {
  return {
    type: 'LOGIN'

  }
};

대답

const defaultState = {
  login: false
};

const reducer = (state = defaultState, action) => {
  // Change code below this line
   if(action.type=='LOGIN')
   {
     return {
      login:true
     };
   }
   else{
     return state;
   }
  // Change code above this line
};

const store = Redux.createStore(reducer);

const loginAction = () => {
  return {
    type: 'LOGIN'
  }
};

지식 점검

우리는 일반적으로 redux에서 작업을 어떻게 처리합니까?

감속기는 무엇을 합니까?
3. 감속기에 대해 유의해야 할 중요한 사항은 무엇입니까?

다음은 리듀서 함수의 예입니다. 리듀서 함수의 본문을 채우면 'LOGIN' 유형의 작업을 받은 다음 로그인이 true로 설정된 상태 개체를 반환하고 그렇지 않으면 현재 상태를 반환합니다.?

const defaultState = {
  login: false
};
const reducer = (state = defaultState, action) => {
  // Change code below this line

  // Change code above this line
};
const store = Redux.createStore(reducer);
const loginAction = () => {
  return {
    type: 'LOGIN'

  }
};