コンポーネントを「次へ」ページから分離
1374 ワード
ページとコンポーネント
Nextjsでは、ページとコンポーネントフォルダを別々に使用します.何が違うの?
📁 現在のフォルダ構造
- components
- organisms
- goals
- goals.tsx
- index.ts
- goals.styled.ts
- pages
- goals
- form
- index.tsx
- index.tsx ✨ 여기에서 goals component 사용
nextではURIはpagesの構造に依存する.それぞれ/goals/form
ページと/goals
ページが存在する.どこまで作りますか?
これは開発者の傾向にかかっている.私はページを開発する時、ページの大部分(layoutを除く)をcomponentに変えましたが、他のチームメンバーは
index.tsx
に入る要素を複数のcomponentに変えました.これをきっかけに、陶磁器のデザインが反映されています.どこで受け取ればいいですか?
Firestoreでデータを保存およびインポートしています.ページからコンポーネントを取得して渡すのは、コンポーネントを簡単に管理する方法です.制作を始めたばかりの頃は「Pageが展示されているのでPageはシンプルにコンポーネントの中で一般的な仕事をしていきたい」と思っていましたしかし、実際には私の考えとは正反対です.(私たちのチームメンバーを引用すると)componentはUIだけを知っていて外で何が起こるか分からない馬鹿にしなければなりません.
改善
親アセンブリによって伝達される支柱は、
goals component
親アセンブリgoals page
他の開発者の意見を知るために
react fetch in component or page
で検索しましたが、fetchの技術方法を教えてくれたので、欲しい文章が見つかりませんでした.Reference
この問題について(コンポーネントを「次へ」ページから分離), 我々は、より多くの情報をここで見つけました https://velog.io/@hotbreakb/Next-pages와-components-분리하기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol