브라우저에서 상태를 재사용할 때는 다음과 같이 스토어 생성 과정에서 window._ _PRELOADED_STATE_ _를 초깃값으로 사용하면 됩니다.

    index.js

    import React from 'react';
    import ReactDOM from 'react-dom';
    import './index.css';
    import App from './App';
    import * as serviceWorker from './serviceWorker';
    import { BrowserRouter } from 'react-router-dom';
    import { createStore, applyMiddleware } from 'redux';
    import { Provider } from 'react-redux';
    import thunk from 'redux-thunk';
    import rootReducer from './modules';
    
    const store = createStore(
      rootReducer,
      window._ _PRELOADED_STATE_ _, //  값을 초기 상태로 사용함
      applyMiddleware(thunk)
    );
    
    ReactDOM.render(
      <Provider store={store}>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </Provider>,
      document.getElementById('root')
    );
    
    serviceWorker.unregister();

    신간 소식 구독하기
    뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.