안녕하세요 동적 라우팅 관련 질문드립니다
499
작성한 질문수 35
안녕하세요
next, react, mobx, express, sequelize로 웹 개발을 하고 있습니다
게시판 기능 중에서 각 게시글을 동적 라우팅을 통해서 렌더링하려고 합니다.
getInitialProps를 하면은 이 함수 안에서는 값이 잘 읽힙니다만,
이거를 동적 라우팅 컴포넌트에 props로 전달할 때 undefined가 됩니다.
Post 컴포넌트가 각 게시글들을 렌더링하는 컴포넌트입니다. div안의 내용은 잘 출력되고 있습니다.
((1, 2, 3번 함수가 있는데, 각각 주석처리 해 가면서 테스트했습니다))
1번. 콘솔창에도 getInitialProps 관련 값들은 제가 클릭한 게시글의 db값들이 나옵니다, 다만, 이것이 Post컴포넌트의 props로 전달 될떄, 값이 undefine로 나옵니다. ((getInitialProps보다는 getServerSideProps를 사용하고 싶습니다))
2번. 콘솔 자체가 안 찍힙니다...
3번. 2번과 마찬가지입니다..
공식문서의 dynamic routes를 찾아봐도 3번 내용으로 시작하는 거 뿐이었는데, 제가 다른 문서도 봐야 할 것들이 있을까요?
아래는 백엔드의 코드입니다 (오른쪽 req의 더 오른쪽에는 res, next가 있습니다)
아래는 mobx의 다이내믹 관련 스토어입니다
답변 9
1
제가 next@9와는 mobx를 같이 안 써봐서 getServerSideProps랑 getStaticProps는 잘 모르겠습니다.
getInitialProps에서 return { post } 하셔야 props로 { post } 로 받으실 수 있습니다.
0
1. 네 말씀하신대로 해봤지만 undefined가 떴습니다
2. context에 query가 {id: 3 (제가 클릭한 글의 id) } 나와서 mobx로 보내서 요청을 보냈습니다.
mobx에 콘솔로 찍은, result에는 data의 프로퍼티로 제가 원하는 db의 값이 나왔습니다.
이를, eRPrender에 넣었습니다.
getServersideProps에서 postData라는 변수에 넣고 보니 아래와 같은 값이 나왔습니다
getter/setter가 뭔지 몰라서...찾아보겠습니다
아래는 전체 코드입니다
0
export async function getServerSideProps(context) {
console.log('in getserverside, context,; ', context)
return {
props: {data: 7} // will be passed to the page component as props
}
}
이렇게만 했을 때도, context는 찍히는데,
시험 삼아 리턴 값에 data를 주고 Post컴포넌트에서 넘어 온 값이 있는 지 확인햿지만, 똑같이 undefined입니다
const Post = ({props}) => {
console.log('in f post, props;', props); // undefined
return (
<AppLayout>
<div> article</div>
</AppLayout>
);
};
next 10 이상에서는 redux dev tool 구동이 안되나요?
0
272
1
세션 갱신 문의 건
0
482
7
배포 진행 후 Highlight updates components render 표시
0
445
1
똑같은 기능을 하는 테이블
0
447
4
관계형
0
312
2
프론트 서버를 이용하지 않는경우
1
299
3
인피니트 스크롤링 사용시 오류
0
278
0
계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.
0
432
2
req.user가 언제 생성되나요??
0
330
2
Cannot read property 'id' of null 에러
0
332
1
리트윗한 게시글 불러오는 sequelize
0
252
1
result.data에서 images인 이유
0
281
2
takeLatest에 대한 질문입니다.
1
342
2
프론트에서 express를 사용하지 않을때 동적라우팅
0
501
6
getInitialProps가 클라이언트에서 수행되는 이유?
0
258
1
리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.
0
445
2
스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다
0
585
2
할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)
0
365
1
nodejs mvc 패턴
0
975
4
사용하고 보니, 람다 구성이 궁금합니다!
0
266
1
제로초님
0
445
1
새로고침 로그인 풀림 문제.
0
247
1
안녕하세요. 강의 너무 감사합니다
0
157
1
제로초님
0
170
1





