[React] props 대신 Redux + Redux 복습

 

Redux

 

npm install redux react-redux

 

redux를 사용하는 이유? 속된 말로 props 쓰기 귀찮아서입니다.

 

Redux 세팅

 

redux 세팅하기

 

1. index.js에 import {Provider} from 'react-redux';

2. App을 Provider로 묶어주기

3. store란 변수에 state 담기

4. Provider에 props 전송

 

+ 수정

import {Provider} from 'react-redux'; 밑에 추가해주기

 

 

JS 파일에 가져오기

 

js 파일에 가져오기

 

1. export default () 대신 export default connet()() 사용

2. connet를 사용하기 위해서, 위에 import {connet} from 'react-redux'; 입력

3. function으로 불러오기

4. (state)는 store에 있는 모든 데이터가 들어가 있음