エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[自分用]Next.jsの繰り返し表示・リファクタリングについて - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[自分用]Next.jsの繰り返し表示・リファクタリングについて - Qiita
mapを使って繰り返すメリット mapを使うことによって、配列の中身を繰り返してくれる。 ※詳しい使い方は... mapを使って繰り返すメリット mapを使うことによって、配列の中身を繰り返してくれる。 ※詳しい使い方は以前作成したmapについての投稿をチェック ①見やすい ②変更箇所があったときに、一箇所の修正ですむ ③追加や削除をすぐに行える ④データと処理を分けることができる リファクタリング ①拡張子をjsxにまとめる。 jsxにすることでエディタがReact用にコードの補完を行ってくれる。 ②srcディレクトリに「pages,components,styles」をまとめる。 pagesだけでも機能するが、srcにまとめた方がスッキリして見やすい。 ※注意点はsrcが存在する状態でのpages単独使用はできない ③jsxファイルとcss modulesファイルをまとめる。 例えばMainというというフォルダーを作り、Main.jsxとMain.module.cssを格納する。 さらにMain.