React : 리덕스 (Redux) sotre 사용법

 

sotre.js

import {createStore} from "redux";

let  store = createStore(reducer)

index.js

import { Provider } from 'react-redux';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <Provider store={store}>
    <App />
  </Provider>
);

 

 

리덕스는 index에 Provider을 통해 store을 보내주게 되는데 store은 redux라는 폴더안에 우리가 생성해서

해당 코드와 같이 작성을 하면된다.

 

createStore을 redux에 import 해온다음 변수 store안에 넣어주는데 거기에 reducer도 같이 넣어준다그럼 reducer도 생성을 해서 import를 해줘야한다.