Redux

hgb072082·2022년 2월 14일
0

Front-end

목록 보기
20/30

redux를 쓰는 이유는 다양하다.

우선 props가 없이도 모든 컴포넌트들이 state를 사용할 수 있게해준다.

import {Provider} from 'react-redux';

ReactDOM.render(
<React.StrictMode>





</React.StrictMode>

);

위처럼 Provider를 통해 내가 store 값 공유를 원하는 컴포넌트를 다 감싸면 된다.

redux에서 store 하나 만들려면 createStore() 함수를 사용해야 한다.

let store = createStore(()=>{ return [{id : 0, name : '멋진신발', quan : 2}] })

이처럼 콜백함수에는 내가 원하는 store 초기값을 적으면 store 만들어진다. 이제 Provider에서 만든 store를 사용할 수 있다.

store 값을 꺼내 쓰고싶을 때에는 해당 store를 사용하고 싶은 파일로가서 함수를 만들어서 state를 props로 등록하고

하단에 export default connect(함수)(현재컴포넌트); 로 사용하면 props.store값 으로 store값을 자유롭게 사용할 수 있다.

profile
개발개발

0개의 댓글