반응형
1. 값 증가 액션
2. 값 감소 액션
3. 색 변경 액션
SRC/Actions폴더에 아래 2개의 파일 생성
1. ActionTypes.js
export const INCREMENT = "INCREMENT";
export const DECREMENT = "DECREMENT";
export const SET_COLOR = "SET_COLOR";
2. index.js
// 액션 생성자
//import { INCREMENT, DECREMENT, SET_COLOR } from './ActionTypes';
import * as types from './ActionTypes'; //위 구문과 동일한 의미
export function increment() {
return {
type: types.INCREMENT
};
}
export function decrement() {
return {
type: types.DECREMENT
};
}
export function setColor(color) {
return {
type: types.SET_COLOR,
color
};
}
반응형
'Programming > React' 카테고리의 다른 글
React강좌3 - Redux4. Store 예시 (0) | 2020.08.08 |
---|---|
React강좌3 - Redux3. Reducers (0) | 2020.08.08 |
React강좌3 - Redux 1. Redux 설치 및 기본 컴포넌트 작성 (0) | 2020.08.08 |
React에서 Highchart 사용하기 기초 예제 (0) | 2020.08.08 |
React강좌2, 전화번호부 - 0.기본 파일 (0) | 2020.08.04 |
댓글