Redux(1)

김현진·2022년 2월 2일
0

리덕스

목록 보기
1/1

1. 액션이란

-	액션은 사실 그냥 객체(Object)입니다.
- 두 가지 형태의 액션이 있습니다.
	- { type: 'TEST'} // payload가 없는 액션
    - { type: 'TEST', params: 'hello' } // payload가 있는 액션
    
- type 만이 필수 프로퍼티이며, type은 문자열입니다.
- 리덕스 액션생성자로(함수형태) 액션을 생성하빈다.

2. 리덕스의 액션 생성자란?

- 액션을 생성하는 함수를 "액션 생성자(Action Creator)"라고 합니다.
- 함수를 통해 액션을 생성해서, 액션 객체를 리턴해줍니다.
- createTest('hello'); // { type: 'Test', params: 'hello' }

3. 리덕스의 액션은 어떤 일을 하나요?

- 액션 생성자를 통해 액션을 만들어 냅니다.
- 만들어낸 액션 객체를 리덕스 스토어에 보냅니다.
- 리덕스 스토어가 액션 객체를 받으면 스토어의 상태 값이 변경 됩니다.
- 변경된 상태 값에 의해 상태를 이용하고 있는 컴포넌트가 변경됩니다.

4. 예시

  • src > redux > action.js folder 생성
// action.js

// type 선언
const ADD_TODO = 'ADD_TODO';

function addTodo(todo) {
    return {
        type: ADD_TODO,
        payload: todo, // payload, type 객체반환
    }
}
profile
기록의 중요성

0개의 댓글