React_Redux_연결시키기

//   clinet/src/index.js

 

import {Provider} from 'react-redux';    // 어플<>REDUX 연결   >> 아래에서 Provider로 App 감싸주기

import {applyMiddleware, createStore} from 'redux';    // STORE <> 미들웨어 연결

import promiseMiddleware from 'redux-promise';

import ReduxThunk from 'redux-thunk';

 

import Reducer from './_reducers';

 

const createStoreWithMiddleware=applyMiddleware(promiseMiddleware, ReduxThunk)(createStore)

//스토어에서 promise, thunk, promise 미들웨어 모두 사용하도록 함

ReactDOM.render(

  <Provider

    store={createStoreWithMiddleware(Reducer,

      window.__REDUX_DEVTOOLS_EXTENSION__ &&

      window.__REDUX_DEVTOOLS_EXTENSION__()               // Chrome - Redux Dev Tools 확장프로그램과 연결시킴

    )}

  >

    <App />

  </Provider>

  , document.getElementById('root'));

 

 

 

 

***

React.StrictMode를 사용할 경우 아래와 같이 중첩한다.

< React.StrictMode>

     <Provider>

         <App/>