인프런 커뮤니티 질문&답변
작성한 질문수
pages > index.js에서 궁금한 로직이 있는데요!
해결된 질문
작성
·
129
0
import React from 'react';
import MsgList from '../components/MsgList';
import fetcher from '../fetcher';
export default function Home({ smsgs, users }) {
return (
<>
<h1>SIMPLE SNS</h1>
<MsgList smsgs={smsgs} users={users} />
</>
);
}
export const getServerSideProps = async () => {
const smsgs = await fetcher('get', '/messages');
const users = await fetcher('get', '/users');
return {
props: { smsgs, users }
};
};
안녕하세요! 강의를 보다가 pages에 있는 index.js에 궁금한 로직이 있습니다.
getServerSideProps 함수에서 return 값이 어떻게 위 Home 리액트 컴포넌트에 props로 넘어갈 수 있는건가요?
궁금합니다!! ㅎㅅㅎ
답변 1
1
정재남
지식공유자
next.js에서 그렇게 동작하도록 정의했기 때문입니다.
https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering
next.js 특징이었군요! 감사합니다~!