getServerSideProps의 인자

이것을 찾게된 이유는 client에서 POST localhost:3000/post/[1]이런 식으로 동적 라우팅을 할 때, parameter를 getServerSidePriops 안으로 어떻게 넘겨 주어야 할지 생각하다가 발견하게 되었다.

getServerSideProps는 인자로 커링함수를 받는다.
이때, outer 함수는 store를 인자로 받고,
inner 함수는 req,res,...etc로 표시 되어있다.

import React from 'react';
import {connect} from 'react-redux';
import {wrapper} from '../store';

export const getServerSideProps = wrapper.getServerSideProps(store =>
    ({req, res, ...etc}) => {
  	console.log(etc) // 이것의 결과가 아래 사진이다.
        console.log('2. Page.getServerSideProps uses the store to dispatch things');
        store.dispatch({type: 'TICK', payload: 'was set in other page'});
    }
);

// Page itself is not connected to Redux Store, it has to render Provider to allow child components to connect to Redux Store
const Page = ({tick}) => (
    <div>{tick}</div>
);

// you can also use Redux `useSelector` and other hooks instead of `connect()`
export default connect(state => state)(Page);

이 사진은 ...etc 부분을 콘솔로그로 찍어본 것이다. 발견!