React Hooks+Laravel 前端博客实战
阐述
- 阐述
- 编写 Author 组件
- CSS样式的编写
- 把组件引入到首页查看效果
博客的文章列表有了,接下来开始完善博客右侧的功能,右侧的绝大部分都是需要在其他页面复用的,所以尽量制作成组件,减少以后的开发和维护成本。
编写 Author 组件在 /components
文件夹下面,新建一个 Author.js
文件。这个组件里要包括头像、自我介绍和社交账号标识。
blog\components\Author.js
Icon图标
npm install --save @ant-design/icons
完整代码如下:
import {
Avatar,Divider