P07：博客列表页&底部制作

Posted 2022-01-10 wgchen~

React Hooks+Laravel 前端博客实战

• 阐述
• 博客底部的制作
• • `blog\\pages\\_app.js`
  • `blog\\pages\\index.js`
  • 效果
• 博客列表页的制作

阐述

本文我们先把博客底部制作一下，然后在快速制作博客的列表页面，通过这个你就能感觉到React组件化开发的魅力，有了这些通用组件，能很快完成列表页的开发。

博客底部的制作

每个博客在底部都会放置一些类似版权，联系方式，友情连接的东西。并且每个页面也都是一样的，所以我们要作一个通用的博客底部组件（Footer.js）。

在 /components 目录下，新建立一个 Footer.js 的文件，然后写入下面代码：

blog\\components\\Footer.js

export default function