KBW's Developer

react-redux 에 connect 함수를 이용하여 외부 컴포넌트에서 reducer 에 state , dispatch 를 사용하거나 접근할때 중 dispatch 에 대한 내용을 추가적으로 작성해보겠습니다. store.js 파일 (reducer) toDo.js 파일 (외부component) 1) store 파일에 만들어놓은 acrionHandler 에는 state 에 추가하는 addToDo 함수와 , 삭제하는 deleteToDo 함수가 object 형식으로 사용하기위해서 담아두었습니다. ( 각 함수마다 export 해서 사용하여도 됨) 2) toDo.js 파일에 dispatch 를 사용해야하기에 connect 함수를 import 한후 위와같이 argument는 state를 불러올필요 없기에 null 값..

react에서 redux를 사용하려면 우선 터미널에 npm install react-redux를 설치해주자 우선 폴더 구조는 아래와 같다. store 를 다른 컴포넌트에서 사용하려면 약간의 설정이 필요하다 (어렵지 않음) 1) react-redux에서 { Provider }를 import 해온다 2) index.js 에 Provider로 App을 감싸준다 , store에서는 js와 redux를 사용했듯이 작성하면 되며 차이가 있다면 , export를 해주어야 한다. 3) store를 외부에서 사용 가능하게 export default store; 해준다. 그리고 (사용할 컴포넌트) Home.js 에서는 store에 있는 데이터를 사용하기 위해서 4) react-redux에 connect() 함수를 impo..