React实战技术博客系统

本文探讨了在Next.js中使用React开发时遇到的技术点,包括CSS全局引入、Ant Design的使用、适配终端、Markdown导航问题、GET与POST请求处理、基本路由设置、Promise的应用、状态管理以及路由守卫等。
摘要由CSDN通过智能技术生成

机会是留给有准备的人的,高考准备报志愿是一场匆忙的准备,现在准备春招也是一次匆忙的准备。

自从在学编程,每天都在怀疑自己是笨蛋吧

关于更新换代快是从Next.js中感受到的,也可能并没有很快吧,但是创建项目后的目录相比一年前发生了一些变化,且Next.js现在也支持内置css的引入了(我现在会引入全局的,和标签选择器的,其他选择器的还不知道如何引入)
1.关于css引入,如果是想使用antd的组件,首先在pages/_app.js中全局引入import 'antd/dist/antd.css',然后再在需要使用组件的地方,引入相关组件就可以使用了。(不要使用babel-plugin-import插件,会出现一系列奇奇怪怪的错误,绝了本来这样引入是可以的,然后尝试用babel-plugin-import按需加载,然后。。。浪费好多时间)
怎么用看文档
https://www.nextjs.cn/docs/basic-features/built-in-css-support

2,适配终端:适配终端使用Ant Design提供的24格栅格化的技术进行布局。
使用Next似乎无法对antd预定样式进行修改。
3.为什么要引入react呢 在next.js 中不引入react也可以写入标签展示页面呀

目前为止的构建思路:写好了组件Header,每个页面都要用到,然后在每个页面中加入Header组件

4.markdown-navbar的第一个没办法显示出来,是组件的问题。技术胖后来是用ant design的ant-anchor做的

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值