質問編集履歴
3
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -116,6 +116,7 @@
|
|
|
116
116
|
ちなみにこちらのComponentは、
|
|
117
117
|
web/pages/dashboard.tsx
|
|
118
118
|
などで使用されており、ログイン時にのみ見れるページを作成する為のComponentになり、Pageのコードにて「export default privateRoute(Page);」のような書き方で使用します。
|
|
119
|
+
|
|
119
120
|
### 質問
|
|
120
121
|
(1),(2)それぞれどのようにすれば解消出来るでしょうか。
|
|
121
122
|
Next.js TypeScript共に初心者であるため、見当違いのことをしていれば申し訳ございません。ご指摘いただければ幸いです。
|
2
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
```
|
|
110
110
|
実際に上記の通り書き換えたところ、
|
|
111
111
|
(1) getServerSidePropsでreturnしているpropsをprivateRoute関数内で使用したいが、受け渡し方法が分からない。
|
|
112
|
-
(2) if (WrappedComponent.getInitialProps) return WrappedComponent.getInitialProps(initialProps);の「WrappedComponent」の部分で「名前 'WrappedComponent' が見つかりません。」とシンタックスエラーが出る
|
|
112
|
+
(2) if (WrappedComponent.getInitialProps) return WrappedComponent.getInitialProps(initialProps);の「WrappedComponent」の部分で「名前 'WrappedComponent' が見つかりません。」とシンタックスエラーが出る。またgetInitialPropsではなくgetServerSidePropsへの書き換え方が分からない。
|
|
113
113
|
という問題が出て、詰まっています。
|
|
114
114
|
(1)については、公式ドキュメントの解説どおり「function Page({ data }) {」のようにすべきかと思いましたが、このコードの場合、Componentで引数としてWrappedComponentを取るため、こういう場合どのように書けば良いのか分からない状態です。
|
|
115
115
|
https://nextjs.org/docs/basic-features/data-fetching#simple-example-1
|
1
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
}
|
|
48
48
|
```
|
|
49
49
|
を
|
|
50
|
-
|
|
50
|
+
Next.js9.3以降ではgetInitialPropsではなくgetServerSideProps等が推奨されるとのことから、
|
|
51
51
|
以下のような形に書き換えたいと思っています。
|
|
52
52
|
```
|
|
53
53
|
import ServerCookie from "next-cookies";
|