리덕스와 컴포넌트 연결

 

리덕스와 컴포넌트 연결 (index.js)

 

import

import { Provider } from 'react-redux';
import store from './redux/configStore.js';

import는 두가지가 필요하다.

 

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

Provider로 감싸준다.

 

완성코드

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
// 라우터 설정 yarn add react-router-dom
import {BrowserRouter} from 'react-router-dom';
import reportWebVitals from './reportWebVitals';

// 리액트 프로젝트에 리덕스를 주입해줄 프로바이더를 불러옴!
import { Provider } from "react-redux";
// 연결할 스토어.
import store from "./redux/configStore";

ReactDOM.render(
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>,
  document.getElementById("root")
);

reportWebVitals();

 

 

다음글

클래스형 컴포넌트에서 리덕스 데이터 사용하기