-
질문 & 답변
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
pages > index.js에서 궁금한 로직이 있는데요!
21.09.16 23:29 작성 조회수 67
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
정재남
지식공유자2021.09.17
next.js에서 그렇게 동작하도록 정의했기 때문입니다.
https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering
답변 1